/* Lacozzi — strona tymczasowa. Bez JavaScriptu, bez zasobow zewnetrznych. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:#E9E9E7}
body{
  margin:0;min-height:100vh;color:#363636;
  background:#E9E9E7;
  background:radial-gradient(ellipse 70% 60% at 50% 46%,#F7F7F5 0%,#EDEDEB 48%,#E1E1DE 100%) fixed;
  font-family:"Segoe UI Variable Display","Segoe UI Variable Text","SF Pro Display",-apple-system,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;
}
h1,p,ul{margin:0;padding:0}
ul{list-style:none}
.k-ink{background:#1E1E1E;color:#FFFFFF}
.k-coral{background:#FF6A55;color:#1A1A1A}
.k-pink{background:#FF85CB;color:#1A1A1A}
.k-lime{background:#C9F25E;color:#1A1A1A}
.k-amber{background:#FFB020;color:#1A1A1A}
.k-blue{background:#2F4BEA;color:#FFFFFF}
.k-violet{background:#6C3DF0;color:#FFFFFF}
.k-mint{background:#2ED3A8;color:#1A1A1A}
.o-ink{color:#1E1E1E;box-shadow:inset 0 0 0 2px #1E1E1E}
.o-coral{color:#B8321C;box-shadow:inset 0 0 0 2px #B8321C}
.o-pink{color:#A3216E;box-shadow:inset 0 0 0 2px #A3216E}
.o-lime{color:#3D6600;box-shadow:inset 0 0 0 2px #3D6600}
.o-amber{color:#835400;box-shadow:inset 0 0 0 2px #835400}
.o-blue{color:#2740D6;box-shadow:inset 0 0 0 2px #2740D6}
.o-violet{color:#5F2FD9;box-shadow:inset 0 0 0 2px #5F2FD9}
.o-mint{color:#06665A;box-shadow:inset 0 0 0 2px #06665A}

.logo{line-height:0}
.logo img{display:block;width:auto;height:auto;max-width:100%;margin:0 auto}
.lead{font-weight:500;letter-spacing:.01em;text-align:center;color:#363636}
.t{
  font-weight:600;line-height:1.25;letter-spacing:-.005em;
  hyphens:manual;-webkit-hyphens:manual;overflow-wrap:normal;text-wrap:balance;
  border-radius:1.05em;padding:.5em .95em .55em;
}
.t[class*=" k-"]{box-shadow:0 1px 0 rgba(0,0,0,.05),0 .5em 1.2em -.6em rgba(30,30,30,.35)}
.t[class*=" o-"]{font-weight:600;background:rgba(255,255,255,.35)}
.s{display:block;text-wrap:balance}

/* ---------- Telefony i tablety: uklad sekcyjny, przewijany ---------- */
.stage{display:block;width:100%;padding:0 20px 56px;overflow-x:clip}
.hero{
  min-height:68vh;min-height:68svh;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:clamp(26px,5vw,34px);
  padding:48px 8px 40px;
}
.logo img{max-width:min(80vw,460px);max-height:30vh;max-height:30svh}
.lead{font-size:clamp(15px,4.2vw,18px);max-width:20em;line-height:1.5}
.cloud{max-width:1000px;margin:0 auto}
.group{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:30px 14px;padding:34px 0;align-items:center;
}
.group+.group{border-top:1px solid rgba(54,54,54,.12)}
.t{
  font-size:clamp(14.5px,3.8vw,16.5px);text-align:center;justify-self:center;padding:.45em .75em .5em;
  transform:rotate(var(--mr));
}
.group .t:nth-child(even){transform:translateY(14px) rotate(var(--mr))}
.group .t:nth-child(3n+1){font-size:clamp(15px,4.1vw,18px)}

@media (max-width:359px){
  .group{grid-template-columns:1fr;gap:26px}
  .group .t:nth-child(even){transform:rotate(var(--mr))}
}
@media (min-width:600px){
  .stage{padding:0 32px 72px}
  .group{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px;padding:44px 0}
  .group .t:nth-child(even){transform:rotate(var(--mr))}
  .group .t:nth-child(3n+2){transform:translateY(16px) rotate(var(--mr))}
  .t{font-size:16px;padding:.5em .95em .55em}
  .group .t:nth-child(3n+1){font-size:18px}
  .lead{font-size:19px}
}
/* telefon poziomo: nizszy hero, logo mieszczace sie w wysokosci */
@media (orientation:landscape) and (max-height:520px){
  .hero{min-height:100vh;min-height:100svh;padding:20px 8px}
  .logo img{max-height:48vh;max-height:48svh;max-width:60vw}
}

/* ---------- Komputery: plansza 16:10 skalowana do ekranu ---------- */
@media (min-width:1440px){
  body{display:flex;align-items:center;justify-content:center;min-height:100vh}
  .stage{
    position:relative;padding:0;overflow:visible;
    width:clamp(1400px,160vh,100%);aspect-ratio:16/10;
    container-type:inline-size;
  }
  .hero{
    position:absolute;left:31.25%;top:31%;width:37.5%;height:37%;
    min-height:0;padding:0;gap:2.2cqw;justify-content:center;
  }
  .logo img{max-width:32cqw;max-height:14cqw}
  .lead{font-size:max(15px,1.2cqw);max-width:none;white-space:nowrap}
  .cloud{position:absolute;inset:0;max-width:none;margin:0}
  .group{display:contents}
  .group+.group{border:0}
  .t,.group .t:nth-child(n){
    position:absolute;left:var(--x);top:var(--y);
    width:max-content;max-width:calc(var(--w) * 0.9cqw + 1.9em);
    font-size:max(12px, calc(var(--fs) * 0.88cqw));
    transform:translate(-50%,-50%) rotate(var(--r));
  }
}
@media (prefers-reduced-motion:no-preference){}
@media print{body{background:#fff}}

.t-en{--x:10.3125%;--y:7.000%;--r:-3.5deg;--fs:1.2500;--w:14.3750;--wt:500;--mr:-3deg}
.t-de{--x:26.2500%;--y:5.800%;--r:2.1deg;--fs:0.9688;--w:15.0000;--wt:400;--mr:2deg}
.t-fr{--x:42.1875%;--y:7.200%;--r:-2.1deg;--fs:0.9688;--w:15.0000;--wt:500;--mr:-1.5deg}
.t-es{--x:58.1250%;--y:5.600%;--r:2.8deg;--fs:0.9688;--w:15.0000;--wt:400;--mr:3deg}
.t-pt{--x:74.0625%;--y:7.200%;--r:-2.8deg;--fs:0.9688;--w:15.0000;--wt:500;--mr:-2.5deg}
.t-it{--x:89.6875%;--y:6.400%;--r:4.2deg;--fs:1.1250;--w:13.7500;--wt:500;--mr:1.5deg}
.t-nl{--x:16.3750%;--y:17.000%;--r:-2.8deg;--fs:0.9688;--w:18.1250;--wt:400;--mr:2.5deg}
.t-lb{--x:75.3125%;--y:62.000%;--r:-2.8deg;--fs:0.9688;--w:15.6250;--wt:400;--mr:-2deg}
.t-fy{--x:89.6875%;--y:94.200%;--r:3.5deg;--fs:1.0000;--w:15.0000;--wt:400;--mr:1deg}
.t-ga{--x:24.6875%;--y:62.000%;--r:3.5deg;--fs:0.9688;--w:14.3750;--wt:400;--mr:-3deg}
.t-cy{--x:68.1250%;--y:84.000%;--r:-3.5deg;--fs:0.9688;--w:16.8750;--wt:400;--mr:2deg}
.t-ca{--x:73.1250%;--y:73.000%;--r:3.5deg;--fs:1.0625;--w:16.5625;--wt:500;--mr:-1deg}
.t-eu{--x:26.8750%;--y:72.800%;--r:4.2deg;--fs:0.9688;--w:15.6250;--wt:400;--mr:-3deg}
.t-gl{--x:42.0000%;--y:93.500%;--r:-3.5deg;--fs:0.9688;--w:14.3750;--wt:400;--mr:2deg}
.t-mt{--x:25.1250%;--y:50.500%;--r:-2.8deg;--fs:0.9688;--w:13.4375;--wt:400;--mr:-1.5deg}
.t-sv{--x:66.2500%;--y:16.200%;--r:3.5deg;--fs:0.9688;--w:15.6250;--wt:400;--mr:3deg}
.t-da{--x:26.8750%;--y:27.500%;--r:2.8deg;--fs:0.9688;--w:15.6250;--wt:400;--mr:-2.5deg}
.t-nb{--x:90.0000%;--y:61.500%;--r:4.2deg;--fs:1.0000;--w:13.7500;--wt:500;--mr:1.5deg}
.t-nn{--x:82.5000%;--y:84.800%;--r:2.8deg;--fs:0.9688;--w:15.0000;--wt:400;--mr:2.5deg}
.t-is{--x:90.3125%;--y:50.500%;--r:-3.5deg;--fs:0.9688;--w:15.0000;--wt:400;--mr:-2deg}
.t-fi{--x:50.0000%;--y:16.800%;--r:-4.2deg;--fs:1.3750;--w:12.5000;--wt:600;--mr:1deg}
.t-et{--x:10.0000%;--y:39.000%;--r:-6.3deg;--fs:1.3125;--w:12.5000;--wt:500;--mr:-3deg}
.t-lv{--x:24.6875%;--y:38.500%;--r:2.8deg;--fs:0.9688;--w:13.7500;--wt:400;--mr:2deg}
.t-lt{--x:82.5000%;--y:17.200%;--r:-2.1deg;--fs:0.9688;--w:16.2500;--wt:400;--mr:-1deg}
.t-cs{--x:50.0000%;--y:26.200%;--r:1.4deg;--fs:1.1875;--w:21.2500;--wt:600;--mr:-3deg}
.t-sk{--x:89.6875%;--y:26.200%;--r:6.3deg;--fs:1.2500;--w:13.7500;--wt:600;--mr:2deg}
.t-hu{--x:10.3125%;--y:26.800%;--r:-5.6deg;--fs:1.1875;--w:14.3750;--wt:500;--mr:-1.5deg}
.t-ro{--x:73.1250%;--y:27.500%;--r:-2.8deg;--fs:0.9688;--w:16.2500;--wt:500;--mr:3deg}
.t-sl{--x:75.3125%;--y:38.500%;--r:-2.8deg;--fs:0.9688;--w:13.7500;--wt:400;--mr:-2.5deg}
.t-hr{--x:75.0000%;--y:50.500%;--r:2.8deg;--fs:0.9688;--w:13.7500;--wt:500;--mr:1.5deg}
.t-bs{--x:59.2500%;--y:94.800%;--r:2.1deg;--fs:0.9688;--w:14.3750;--wt:400;--mr:2.5deg}
.t-cnr{--x:75.3125%;--y:93.500%;--r:-2.8deg;--fs:0.9688;--w:16.2500;--wt:500;--mr:-2deg}
.t-sr{--x:33.7500%;--y:83.800%;--r:-2.8deg;--fs:0.9688;--w:15.0000;--wt:500;--mr:1deg}
.t-mk{--x:26.1250%;--y:94.500%;--r:-2.1deg;--fs:0.9688;--w:16.2500;--wt:400;--mr:-3deg}
.t-sq{--x:16.3750%;--y:84.500%;--r:4.9deg;--fs:0.9688;--w:15.3125;--wt:400;--mr:2deg}
.t-bg{--x:9.3750%;--y:50.000%;--r:2.1deg;--fs:0.9688;--w:15.3125;--wt:400;--mr:-1deg}
.t-el{--x:34.0625%;--y:16.000%;--r:1.4deg;--fs:0.9688;--w:15.6250;--wt:400;--mr:-3deg}
.t-tr{--x:90.0000%;--y:39.000%;--r:6.3deg;--fs:1.1250;--w:14.3750;--wt:500;--mr:2deg}
.t-uk{--x:10.0000%;--y:61.500%;--r:-3.5deg;--fs:0.9688;--w:15.0000;--wt:500;--mr:-1.5deg}
.t-be{--x:50.0000%;--y:74.000%;--r:-1.4deg;--fs:0.9688;--w:18.7500;--wt:400;--mr:3deg}
.t-ru{--x:10.3125%;--y:73.500%;--r:-3.5deg;--fs:1.0625;--w:16.2500;--wt:500;--mr:-2.5deg}
.t-ka{--x:50.0000%;--y:84.800%;--r:1.4deg;--fs:0.9062;--w:15.6250;--wt:400;--mr:1.5deg}
.t-hy{--x:9.3750%;--y:93.500%;--r:4.2deg;--fs:0.9688;--w:14.3750;--wt:400;--mr:2.5deg}
.t-az{--x:89.6875%;--y:73.800%;--r:-4.9deg;--fs:1.0625;--w:15.0000;--wt:500;--mr:-2deg}
