/* Simoni 2026-09-28 — landing pod "/" wg projektu Claude Design (Simoni Landing).
   Styl projektu 1:1; hover z atrybutow style-hover zamienione na klasy .lhN. */
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/poppins-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/poppins-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/poppins-500-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/poppins-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/poppins-600-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/poppins-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/poppins-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --s-navy:#101930; --s-navy-2:#1b2542; --s-navy-line:#2b3555;
  --s-gold:#c29a5a; --s-gold-2:#b0854a; --s-cream:#e6e1d8;
  --s-grey:#7a808c; --s-line:#e2e0da; --s-soft:#f5f2ec;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Poppins',system-ui,sans-serif;color:var(--s-navy);background:#fff;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em;line-height:1.2;text-wrap:pretty}
p{text-wrap:pretty}
a{color:inherit;text-decoration:none}
a:hover{color:var(--s-gold-2)}
img{display:block}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}
.kick{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.kickline{display:block;width:32px;height:2px;background:var(--s-gold)}
.kicklab{font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--s-gold-2)}
.navmenu{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;order:3;width:100%;padding-top:12px;margin-top:12px;border-top:1px solid #e2e0da}
.tiles{display:grid;grid-template-columns:1fr;gap:16px}
.ben{display:grid;grid-template-columns:1fr;gap:0}
.proof{display:grid;grid-template-columns:1fr;gap:0}
.revs{display:grid;grid-template-columns:1fr;gap:16px}
.valgrid{display:grid;grid-template-columns:1fr;gap:0}
.simap .route{fill:none;stroke:#101930;stroke-width:1.5;stroke-dasharray:5 7;opacity:.55;animation:simapdash 2.6s linear infinite}
@keyframes simapdash{to{stroke-dashoffset:-24}}
.simap .country{font-family:'Inter Tight',sans-serif;font-size:11px;font-weight:600;letter-spacing:.16em;fill:#5f5849}
.simap .country.poland{fill:#101930;font-size:14px;letter-spacing:.2em}
.simap .city{font-family:'Inter Tight',sans-serif;font-size:11px;font-weight:500;fill:#101930}
.simap circle{animation:simappulse 3s ease-in-out infinite}
@keyframes simappulse{0%,100%{opacity:.85}50%{opacity:.45}}
.valgrid{row-gap:30px}
.gal{display:grid;grid-template-columns:1fr;gap:10px;grid-auto-rows:200px}
.steps3{display:grid;grid-template-columns:1fr;gap:34px}
.split{display:grid;grid-template-columns:1fr;gap:30px;align-items:center}
.mosaic{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:150px 150px;gap:10px}
.steps{display:grid;grid-template-columns:1fr;gap:22px}
.adv{display:grid;grid-template-columns:1fr;gap:16px}
.frow{display:grid;grid-template-columns:1fr;gap:16px}
.brandrow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.foot{display:grid;grid-template-columns:1fr;gap:26px}
.ctaband{position:relative;background:var(--s-navy)}
.ctaband img{display:block;width:100%;height:auto}
.ctaveil{display:none}
.ctatext{position:relative;padding-top:34px;padding-bottom:34px}
@media(min-width:1000px){
  .ctaband{display:grid;align-items:center;justify-items:stretch}
  .ctaband img{grid-area:1/1;align-self:center}
  .ctaveil{display:block;grid-area:1/1;align-self:stretch;justify-self:stretch;height:100%;background:linear-gradient(90deg,#101930 0%,rgba(16,25,48,.9) 34%,rgba(16,25,48,.2) 62%,rgba(16,25,48,0) 78%);pointer-events:none}
  .ctatext{grid-area:1/1;align-self:center;padding-top:44px;padding-bottom:44px;pointer-events:none}
}
@media(min-width:700px){
  .tiles{grid-template-columns:repeat(2,1fr)}
  .ben{grid-template-columns:repeat(2,1fr)}
  .frow{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:repeat(2,1fr)}
  .adv{grid-template-columns:repeat(3,1fr)}
  .brandrow{grid-template-columns:repeat(4,1fr)}
  .revs{grid-template-columns:repeat(2,1fr)}

  .foot{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media(min-width:1024px){
  .navmenu{gap:30px;order:0;width:auto;padding-top:0;margin-top:0;border-top:0;flex-wrap:nowrap}
  .tiles{grid-template-columns:repeat(5,1fr);gap:14px}
  .split{grid-template-columns:1fr 1fr;gap:48px}
  .proof{grid-template-columns:1.2fr 1fr 1fr}
  .proof>div{padding-right:30px}
  .proofcell{position:relative;padding-left:30px !important}
  .proofcell::before{content:"";position:absolute;left:0;top:18%;height:64%;width:1px;background:#d9d5cc}
  .revs{grid-template-columns:repeat(4,1fr)}
  .valgrid{grid-template-columns:repeat(3,1fr)}
  .valgrid>div{padding-right:30px}
  .valcell{padding-left:30px !important}
  .mosaic{grid-template-rows:190px 190px;gap:12px}
  .steps{grid-template-columns:repeat(4,1fr);gap:26px}
  .steps3{grid-template-columns:repeat(3,1fr);gap:44px}
  .gal{grid-template-columns:repeat(3,1fr);gap:12px;grid-auto-rows:280px}
  .ben{grid-template-columns:repeat(4,1fr)}
  .brandrow{grid-template-columns:repeat(8,1fr)}
  .foot{grid-template-columns:repeat(4,1fr);gap:30px}
}

/* --- hover z projektu --- */
.lh1:hover{color:var(--s-gold-2) !important}
.lh2:hover{background:var(--s-gold-2) !important;color:#fff !important}
.lh3:hover{border-color:#c29a5a !important;color:#c29a5a !important}
.lh4:hover{box-shadow:0 14px 32px rgba(16,25,48,.14) !important;transform:translateY(-3px) !important}
.lh5:hover{filter:grayscale(0) !important;opacity:1 !important;transform:scale(1.08) !important}
.lh6:hover{background:var(--s-navy-2) !important}
.lh7:hover{border-color:var(--s-gold) !important;color:var(--s-gold) !important}
.lh8:hover{background:#101930 !important;border-color:#101930 !important;color:#c29a5a !important}

/* --- dodatki poza projektem --- */
.lp-top-hide{display:none !important}
/* plynne przewijanie do sekcji (linki #...), bez animacji dla osob z ograniczeniem ruchu */
@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}
/* 7 marek zamiast 8 z projektu (poprawki 28.09.2026) */
@media(min-width:1024px){.brandrow{grid-template-columns:repeat(7,1fr)}}
.lp-wordmark{font-size:17px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#101930;white-space:nowrap}
/* pas marek w dolnym CTA: na telefonie panorama 5094x821 to pasek ~60 px - ukryty (30.09.2026) */
@media(max-width:699px){.ctaband img{display:none}}