:root{
      --bg:#07111f;
      --bg-soft:#0b1728;
      --panel:rgba(255,255,255,.075);
      --panel-strong:rgba(255,255,255,.11);
      --text:#f5f7fb;
      --muted:#a9b5c7;
      --line:rgba(255,255,255,.12);
      --cyan:#35d5ff;
      --blue:#5588ff;
      --violet:#8f6bff;
      --green:#59f0b5;
      --shadow:0 24px 70px rgba(0,0,0,.35);
      --radius:24px;
      --max:1200px;
    }

    *{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(--text);
      background:
        radial-gradient(circle at 20% 15%, rgba(53,213,255,.16), transparent 30%),
        radial-gradient(circle at 80% 10%, rgba(143,107,255,.20), transparent 30%),
        radial-gradient(circle at 55% 75%, rgba(85,136,255,.13), transparent 33%),
        linear-gradient(180deg,#06101c 0%,#091626 48%,#07111f 100%);
      min-height:100vh;
      overflow-x:hidden;
    }

    body::before{
      content:"";
      position:fixed;
      inset:0;
      pointer-events:none;
      opacity:.28;
      background-image:
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
      background-size:42px 42px;
      mask-image:linear-gradient(to bottom, black, transparent 90%);
    }

    a{color:inherit;text-decoration:none}
    img{max-width:100%}
    button,a{transition:.25s ease}

    .wrap{
      width:min(var(--max), calc(100% - 36px));
      margin:auto;
    }

    .nav{
      position:sticky;
      top:0;
      z-index:20;
      backdrop-filter:blur(18px);
      background:rgba(5,13,23,.68);
      border-bottom:1px solid var(--line);
    }

    .nav-inner{
      height:78px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:24px;
    }

    .logo{
      display:flex;
      align-items:center;
      gap:12px;
      font-weight:800;
      letter-spacing:.02em;
      font-size:1.18rem;
    }

    .logo-mark{
      width:38px;height:38px;
      display:grid;place-items:center;
      border-radius:12px;
      background:linear-gradient(135deg,var(--cyan),var(--violet));
      box-shadow:0 10px 35px rgba(53,213,255,.28);
      color:#04101a;
      font-weight:1000;
    }

    .logo em{
      font-style:normal;
      color:var(--cyan);
    }

    .nav-links{
      display:flex;
      align-items:center;
      gap:26px;
      color:var(--muted);
      font-size:.95rem;
    }

    .nav-links a:hover{color:white}
    .nav-cta{
      padding:11px 17px;
      border:1px solid var(--line);
      border-radius:999px;
      background:rgba(255,255,255,.06);
      color:white!important;
    }
    .nav-cta:hover{
      transform:translateY(-2px);
      background:rgba(255,255,255,.1);
    }

    .hero{
      min-height:calc(100vh - 78px);
      display:grid;
      grid-template-columns:1.12fr .88fr;
      align-items:center;
      gap:54px;
      padding:82px 0 70px;
      position:relative;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:9px;
      padding:8px 12px;
      border:1px solid var(--line);
      background:rgba(255,255,255,.055);
      border-radius:999px;
      color:#d8e3ef;
      font-size:.86rem;
      margin-bottom:23px;
    }

    .dot{
      width:9px;height:9px;border-radius:50%;
      background:var(--green);
      box-shadow:0 0 18px var(--green);
    }

    h1{
      font-size:clamp(3.3rem,7.2vw,6.7rem);
      line-height:.92;
      letter-spacing:-.07em;
      margin:0 0 26px;
      max-width:900px;
    }

    h1 .gradient{
      display:block;
      background:linear-gradient(90deg,var(--cyan),#8edbff 36%,var(--violet) 76%,#d6c9ff);
      -webkit-background-clip:text;
      background-clip:text;
      color:transparent;
    }

    .lead{
      font-size:clamp(1.05rem,1.6vw,1.3rem);
      line-height:1.65;
      color:var(--muted);
      max-width:680px;
      margin:0 0 34px;
    }

    .actions{
      display:flex;
      gap:14px;
      flex-wrap:wrap;
    }

    .btn{
      display:inline-flex;
      justify-content:center;
      align-items:center;
      gap:10px;
      min-height:52px;
      padding:0 21px;
      border-radius:15px;
      font-weight:750;
      border:1px solid transparent;
    }

    .btn-primary{
      color:#04111c;
      background:linear-gradient(135deg,var(--cyan),#8edbff);
      box-shadow:0 14px 40px rgba(53,213,255,.24);
    }

    .btn-primary:hover{transform:translateY(-3px);box-shadow:0 18px 48px rgba(53,213,255,.34)}
    .btn-secondary{
      border-color:var(--line);
      background:rgba(255,255,255,.055);
      color:white;
    }
    .btn-secondary:hover{transform:translateY(-3px);background:rgba(255,255,255,.1)}

    .hero-visual{
      position:relative;
      min-height:520px;
      display:grid;
      place-items:center;
    }

    .orb{
      position:absolute;
      width:390px;height:390px;
      border-radius:50%;
      background:
        radial-gradient(circle at 35% 28%, rgba(255,255,255,.82), transparent 8%),
        radial-gradient(circle at 45% 42%, rgba(53,213,255,.76), transparent 24%),
        radial-gradient(circle at 68% 64%, rgba(143,107,255,.72), transparent 34%),
        radial-gradient(circle at 50% 50%, #18386d 0%, #08111e 72%);
      filter:saturate(1.2);
      box-shadow:
        inset -38px -45px 80px rgba(0,0,0,.42),
        0 0 90px rgba(85,136,255,.2);
    }

    .ring{
      position:absolute;
      width:510px;height:510px;
      border-radius:50%;
      border:1px solid rgba(255,255,255,.12);
      transform:rotateX(66deg) rotateZ(-8deg);
      box-shadow:0 0 70px rgba(53,213,255,.08);
    }
    .ring::after{
      content:"";
      position:absolute;inset:34px;
      border:1px dashed rgba(255,255,255,.11);
      border-radius:50%;
    }

    .tag{
      position:absolute;
      width:210px;
      aspect-ratio:1.55;
      border-radius:28px;
      padding:22px;
      background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.06));
      border:1px solid rgba(255,255,255,.22);
      backdrop-filter:blur(18px);
      box-shadow:var(--shadow);
      transform:rotate(-10deg) translate(-86px,20px);
      z-index:3;
    }

    .tag::before{
      content:"";
      position:absolute;
      top:22px;right:22px;
      width:24px;height:24px;border-radius:50%;
      background:#07111f;
      border:1px solid rgba(255,255,255,.22);
      box-shadow:inset 0 0 0 5px rgba(255,255,255,.08);
    }

    .tag-small{
      position:absolute;
      width:175px;
      aspect-ratio:1.45;
      border-radius:24px;
      padding:20px;
      background:linear-gradient(145deg,rgba(53,213,255,.22),rgba(143,107,255,.12));
      border:1px solid rgba(255,255,255,.2);
      backdrop-filter:blur(16px);
      box-shadow:var(--shadow);
      transform:rotate(11deg) translate(105px,-50px);
      z-index:2;
    }

    .mini-logo{
      font-weight:900;
      letter-spacing:.08em;
      font-size:.82rem;
      color:#eaf8ff;
    }

    .tag-title{
      margin-top:30px;
      font-size:1.45rem;
      font-weight:850;
      letter-spacing:-.03em;
    }

    .tag-sub{
      color:#c9d7e7;
      font-size:.78rem;
      margin-top:7px;
    }

    section{padding:92px 0}

    .section-head{
      display:flex;
      justify-content:space-between;
      align-items:end;
      gap:30px;
      margin-bottom:38px;
    }

    .section-kicker{
      color:var(--cyan);
      text-transform:uppercase;
      letter-spacing:.18em;
      font-size:.78rem;
      font-weight:800;
      margin-bottom:12px;
    }

    h2{
      font-size:clamp(2.15rem,4vw,4rem);
      line-height:1.03;
      letter-spacing:-.055em;
      margin:0;
    }

    .section-copy{
      max-width:520px;
      color:var(--muted);
      line-height:1.65;
      margin:0;
    }

    .brands{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:18px;
    }

    .brand-card{
      min-height:235px;
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.035));
      padding:26px;
      position:relative;
      overflow:hidden;
      box-shadow:0 16px 50px rgba(0,0,0,.16);
    }

    .brand-card::after{
      content:"";
      position:absolute;
      width:140px;height:140px;
      right:-50px;bottom:-50px;
      border-radius:50%;
      background:var(--glow,rgba(53,213,255,.22));
      filter:blur(20px);
    }

    .brand-card:hover{
      transform:translateY(-6px);
      border-color:rgba(255,255,255,.25);
      background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));
    }

    .brand-label{
      display:inline-block;
      font-size:.76rem;
      color:#c8d3e1;
      padding:7px 9px;
      border-radius:999px;
      border:1px solid var(--line);
    }

    .brand-name{
      font-size:1.65rem;
      font-weight:900;
      letter-spacing:-.04em;
      margin-top:44px;
    }

    .brand-desc{
      color:var(--muted);
      font-size:.92rem;
      line-height:1.5;
      max-width:210px;
      margin-top:8px;
    }

    .products-grid{
      display:grid;
      grid-template-columns:1.25fr .75fr .75fr;
      grid-template-rows:220px 220px;
      gap:18px;
    }

    .product-card{
      border:1px solid var(--line);
      border-radius:var(--radius);
      background:rgba(255,255,255,.055);
      padding:26px;
      position:relative;
      overflow:hidden;
      min-height:220px;
    }

    .product-card.large{grid-row:span 2}
    .product-card h3{
      margin:0;
      font-size:1.35rem;
      letter-spacing:-.03em;
    }

    .product-card p{
      color:var(--muted);
      line-height:1.55;
      margin:9px 0 0;
      max-width:300px;
    }

    .shape{
      position:absolute;
      border-radius:28px;
      border:1px solid rgba(255,255,255,.16);
      background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.04));
      box-shadow:0 20px 50px rgba(0,0,0,.22);
    }

    .large .shape.one{
      width:270px;height:180px;
      right:35px;bottom:38px;
      transform:rotate(-8deg);
    }

    .large .shape.two{
      width:155px;height:105px;
      right:120px;bottom:105px;
      transform:rotate(12deg);
      background:linear-gradient(145deg,rgba(53,213,255,.25),rgba(143,107,255,.15));
    }

    .small-shape{
      width:120px;height:80px;
      right:20px;bottom:18px;
      transform:rotate(-8deg);
    }

    .store{
      border:1px solid var(--line);
      border-radius:32px;
      padding:46px;
      background:
        radial-gradient(circle at 80% 20%, rgba(143,107,255,.22), transparent 28%),
        linear-gradient(135deg,rgba(53,213,255,.12),rgba(255,255,255,.05));
      display:grid;
      grid-template-columns:1fr auto;
      align-items:center;
      gap:35px;
      box-shadow:var(--shadow);
    }

    .store p{
      color:var(--muted);
      max-width:720px;
      line-height:1.65;
      margin:14px 0 0;
    }

    .pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:11px 14px;
      border-radius:999px;
      background:rgba(89,240,181,.1);
      color:#a7ffd8;
      border:1px solid rgba(89,240,181,.25);
      white-space:nowrap;
      font-weight:750;
    }

    footer{
      border-top:1px solid var(--line);
      padding:32px 0 42px;
      color:var(--muted);
    }

    .footer-inner{
      display:flex;
      justify-content:space-between;
      gap:20px;
      flex-wrap:wrap;
      align-items:center;
    }

    .footer-links{display:flex;gap:18px;flex-wrap:wrap}
    .footer-links a:hover{color:white}

    @media (max-width:980px){
      .hero{grid-template-columns:1fr;padding-top:65px}
      .hero-visual{min-height:450px}
      .brands{grid-template-columns:repeat(2,1fr)}
      .products-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}
      .product-card.large{grid-column:span 2;grid-row:auto;min-height:390px}
      .store{grid-template-columns:1fr}
      .nav-links a:not(.nav-cta){display:none}
    }

    @media (max-width:620px){
      .wrap{width:min(var(--max), calc(100% - 24px))}
      .nav-inner{height:70px}
      .hero{min-height:auto;padding:58px 0 45px}
      h1{font-size:3.3rem}
      .hero-visual{min-height:360px}
      .orb{width:270px;height:270px}
      .ring{width:350px;height:350px}
      .tag{width:165px;transform:rotate(-9deg) translate(-58px,16px)}
      .tag-small{width:140px;transform:rotate(12deg) translate(72px,-38px)}
      .tag-title{font-size:1.05rem;margin-top:24px}
      section{padding:68px 0}
      .section-head{display:block}
      .section-copy{margin-top:18px}
      .brands{grid-template-columns:1fr}
      .products-grid{display:block}
      .product-card{margin-bottom:16px;min-height:250px}
      .product-card.large{min-height:365px}
      .large .shape.one{width:210px;height:140px;right:20px}
      .large .shape.two{width:125px;height:85px;right:85px}
      .store{padding:30px 24px}
      .actions{display:grid}
      .btn{width:100%}
    }


/* Podstrony marek */
.brand-card{
  display:block;
  color:inherit;
}
.brand-page{
  min-height:100vh;
}
.brand-hero{
  min-height:72vh;
  display:grid;
  grid-template-columns:1.05fr .95fr;
  align-items:center;
  gap:54px;
  padding:88px 0 70px;
}
.brand-back{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--cyan);
  font-weight:750;
  margin-bottom:26px;
}
.brand-hero h1{
  font-size:clamp(3.1rem,7vw,6.4rem);
}
.brand-symbol{
  min-height:430px;
  display:grid;
  place-items:center;
  position:relative;
}
.brand-symbol-card{
  width:min(390px,90%);
  aspect-ratio:1.35;
  border:1px solid rgba(255,255,255,.22);
  border-radius:38px;
  background:
    radial-gradient(circle at 70% 25%, var(--brand-glow), transparent 32%),
    linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.045));
  box-shadow:var(--shadow);
  display:grid;
  place-items:center;
  transform:rotate(-5deg);
}
.brand-symbol-card strong{
  font-size:clamp(2.3rem,6vw,4.8rem);
  letter-spacing:-.06em;
}
.brand-benefits{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.brand-benefit{
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:27px;
  background:rgba(255,255,255,.055);
}
.brand-benefit h3{
  margin:0 0 10px;
  font-size:1.15rem;
}
.brand-benefit p{
  color:var(--muted);
  line-height:1.6;
  margin:0;
}
.brand-products{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
.brand-product{
  min-height:180px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:26px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.035));
}
.brand-product h3{margin:0 0 9px}
.brand-product p{margin:0;color:var(--muted);line-height:1.6}
.brand-cta{
  border:1px solid var(--line);
  border-radius:30px;
  padding:42px;
  background:
    radial-gradient(circle at 85% 20%, var(--brand-glow), transparent 30%),
    rgba(255,255,255,.055);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;
}
.brand-cta p{color:var(--muted);line-height:1.6;margin:10px 0 0}
@media (max-width:900px){
  .brand-hero{grid-template-columns:1fr}
  .brand-benefits{grid-template-columns:1fr}
  .brand-products{grid-template-columns:1fr}
  .brand-cta{display:block}
  .brand-cta .btn{margin-top:24px}
}

/* Profesjonalny formularz kontaktowy */
.nav-cta.active{
  color:#06111c!important;
  background:linear-gradient(135deg,var(--cyan),#9ee5ff);
  border-color:transparent;
  box-shadow:0 10px 30px rgba(53,213,255,.22);
}

.contact-page{
  min-height:100vh;
}

.contact-hero{
  position:relative;
  padding:82px 0 46px;
  overflow:hidden;
}

.contact-hero::after{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  right:-170px;
  top:-230px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(53,213,255,.16),transparent 67%);
  pointer-events:none;
}

.contact-hero h1{
  max-width:900px;
}

.contact-hero .lead{
  max-width:720px;
  margin-bottom:0;
}

.contact-section{
  padding:28px 0 110px;
}

.contact-layout{
  display:grid;
  grid-template-columns:minmax(300px,.78fr) minmax(560px,1.32fr);
  gap:26px;
  align-items:stretch;
}

.contact-sidebar{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:20px;
  min-width:0;
}

.contact-sidebar-main,
.contact-security-note{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 24px 75px rgba(0,0,0,.22);
}

.contact-sidebar-main{
  flex:1;
  border-radius:30px;
  padding:34px;
  background:
    radial-gradient(circle at 12% 10%,rgba(53,213,255,.16),transparent 32%),
    radial-gradient(circle at 88% 88%,rgba(143,107,255,.18),transparent 35%),
    linear-gradient(150deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
}

.contact-sidebar-main::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-80px;
  top:-75px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 0 0 34px rgba(255,255,255,.025),0 0 0 68px rgba(255,255,255,.018);
  pointer-events:none;
}

.contact-sidebar-badge{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:999px;
  background:rgba(3,11,20,.34);
  color:#dce8f5;
  font-size:.79rem;
  font-weight:750;
  letter-spacing:.02em;
}

.contact-sidebar-badge-dot{
  width:8px;
  height:8px;
  border-radius:50%;
  background:var(--green);
  box-shadow:0 0 15px rgba(89,240,181,.8);
}

.contact-sidebar h2{
  margin:30px 0 14px;
  max-width:440px;
  font-size:clamp(2rem,3vw,3.15rem);
  line-height:1.02;
  letter-spacing:-.05em;
}

.contact-sidebar-lead{
  margin:0;
  color:var(--muted);
  line-height:1.72;
}

.contact-email-card{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  margin:0;
  padding:16px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  background:rgba(2,9,17,.42);
}

.contact-email-card:hover{
  transform:translateY(-3px);
  border-color:rgba(53,213,255,.38);
  background:rgba(6,20,35,.62);
}

.contact-icon,
.contact-security-icon,
.consent-panel-icon{
  display:grid;
  place-items:center;
  flex:0 0 auto;
}

.contact-icon{
  width:44px;
  height:44px;
  border-radius:14px;
  background:linear-gradient(135deg,rgba(53,213,255,.22),rgba(143,107,255,.22));
  border:1px solid rgba(255,255,255,.13);
}

.contact-icon svg,
.contact-security-icon svg,
.consent-panel-icon svg,
.contact-form-symbol svg,
.form-control-icon svg{
  width:21px;
  height:21px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.contact-email-card small,
.contact-email-card strong{
  display:block;
}

.contact-email-card small{
  color:var(--muted);
  font-size:.77rem;
  margin-bottom:4px;
}

.contact-email-card strong{
  font-size:1.02rem;
  overflow-wrap:anywhere;
}

.contact-email-arrow{
  color:var(--cyan);
  font-size:1.35rem;
}

.contact-topic-list{
  display:grid;
  gap:4px;
}

.contact-topic-item{
  display:grid;
  grid-template-columns:42px 1fr;
  gap:13px;
  padding:17px 0;
  border-top:1px solid rgba(255,255,255,.09);
}

.contact-topic-number{
  color:var(--cyan);
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.12em;
}

.contact-topic-item strong,
.contact-topic-item small{
  display:block;
}

.contact-topic-item strong{
  font-size:.95rem;
}

.contact-topic-item small{
  margin-top:5px;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.5;
}

.contact-security-note{
  display:flex;
  align-items:center;
  gap:13px;
  border-radius:22px;
  padding:17px 19px;
  background:rgba(89,240,181,.07);
  border-color:rgba(89,240,181,.18);
}

.contact-security-icon{
  width:38px;
  height:38px;
  border-radius:12px;
  color:#9affd3;
  background:rgba(89,240,181,.1);
}

.contact-security-note strong,
.contact-security-note small{
  display:block;
}

.contact-security-note strong{
  color:#d8ffed;
  font-size:.88rem;
}

.contact-security-note small{
  color:#93b7a7;
  margin-top:3px;
  line-height:1.4;
}

.contact-form-card{
  position:relative;
  min-width:0;
  border-radius:30px;
  padding:38px;
  color:#172337;
  background:
    radial-gradient(circle at 100% 0,rgba(53,213,255,.12),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f4f8fc 100%);
  border:1px solid rgba(255,255,255,.72);
  box-shadow:0 28px 90px rgba(0,0,0,.32);
}

.contact-form-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}

.contact-form-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:24px;
  padding-bottom:27px;
  margin-bottom:27px;
  border-bottom:1px solid #dde6ef;
}

.contact-form-kicker{
  color:#557086;
  text-transform:uppercase;
  letter-spacing:.15em;
  font-size:.7rem;
  font-weight:850;
  margin-bottom:9px;
}

.contact-form-header h2{
  margin:0;
  color:#101c2d;
  font-size:clamp(2rem,3vw,2.75rem);
  letter-spacing:-.045em;
}

.contact-form-header p{
  margin:9px 0 0;
  color:#66778b;
  line-height:1.55;
  font-size:.91rem;
}

.contact-form-header p span{
  color:#087b9e;
  font-weight:900;
}

.contact-form-symbol{
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  flex:0 0 auto;
  border-radius:17px;
  color:#0b7697;
  background:linear-gradient(135deg,#dff8ff,#eee9ff);
  border:1px solid #d7e6ef;
}

.contact-form-symbol svg{
  width:26px;
  height:26px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}

.form-field{
  min-width:0;
  margin-bottom:20px;
}

.form-field label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:9px;
  color:#25354a;
  font-size:.82rem;
  font-weight:800;
}

.required-mark{
  color:#0780a5;
  font-size:.95rem;
}

.optional-mark{
  color:#8492a3;
  font-size:.69rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.form-control{
  position:relative;
}

.form-control-icon{
  position:absolute;
  left:15px;
  top:50%;
  transform:translateY(-50%);
  z-index:2;
  display:grid;
  place-items:center;
  color:#7b8ca0;
  pointer-events:none;
}

.form-control-icon-top{
  top:17px;
  transform:none;
}

.form-control input,
.form-control textarea{
  width:100%;
  color:#152235;
  background:#fff;
  border:1px solid #ced9e4;
  border-radius:14px;
  outline:none;
  font:inherit;
  transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;
}

.form-control input{
  height:53px;
  padding:0 15px 0 46px;
}

.form-control textarea{
  min-height:190px;
  padding:15px 15px 15px 46px;
  resize:vertical;
  line-height:1.58;
}

.form-control input::placeholder,
.form-control textarea::placeholder{
  color:#99a6b4;
}

.form-control input:hover,
.form-control textarea:hover{
  border-color:#b9c9d8;
}

.form-control input:focus,
.form-control textarea:focus{
  border-color:#14a9d0;
  box-shadow:0 0 0 4px rgba(20,169,208,.12);
  background:#fff;
}

.form-control:focus-within .form-control-icon{
  color:#0780a5;
}

.form-field-help{
  margin-top:7px;
  color:#8a98a8;
  font-size:.74rem;
  text-align:right;
}

.consent-panel{
  margin-top:4px;
  padding:20px;
  border:1px solid #dbe4ed;
  border-radius:18px;
  background:#f7fafc;
}

.consent-panel-title{
  display:flex;
  align-items:center;
  gap:10px;
  color:#314156;
  font-size:.78rem;
  font-weight:850;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:15px;
}

.consent-panel-icon{
  width:30px;
  height:30px;
  border-radius:10px;
  color:#087b9e;
  background:#e3f8fd;
}

.checkbox-field{
  position:relative;
  display:grid;
  grid-template-columns:22px 1fr;
  gap:11px;
  align-items:start;
  margin:0;
  padding:12px 0;
  color:#5d6c7e;
  font-size:.82rem;
  line-height:1.55;
  cursor:pointer;
}

.checkbox-field + .checkbox-field{
  border-top:1px solid #e1e8ef;
}

.checkbox-field input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.checkbox-custom{
  position:relative;
  width:20px;
  height:20px;
  margin-top:1px;
  border:1.5px solid #aebdca;
  border-radius:6px;
  background:#fff;
  transition:.2s ease;
}

.checkbox-field:hover .checkbox-custom{
  border-color:#1ba8cd;
}

.checkbox-field input:focus-visible + .checkbox-custom{
  box-shadow:0 0 0 4px rgba(20,169,208,.14);
}

.checkbox-field input:checked + .checkbox-custom{
  border-color:#0c9fc7;
  background:linear-gradient(135deg,#12b9df,#597dff);
}

.checkbox-field input:checked + .checkbox-custom::after{
  content:"";
  position:absolute;
  left:6px;
  top:2px;
  width:5px;
  height:10px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(45deg);
}

.checkbox-copy b{
  color:#0780a5;
}

.checkbox-copy a{
  color:#087b9e;
  font-weight:800;
  text-decoration:none;
  border-bottom:1px solid rgba(8,123,158,.3);
}

.checkbox-copy a:hover{
  border-color:#087b9e;
}

.form-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  margin-top:24px;
}

.form-submit{
  min-width:235px;
  min-height:55px;
  border:0;
  border-radius:15px;
  cursor:pointer;
  font:inherit;
  font-weight:850;
  box-shadow:0 14px 32px rgba(34,163,204,.28);
}

.form-submit-arrow{
  font-size:1.2rem;
}

.form-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 38px rgba(34,163,204,.34);
}

.form-actions-note{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  color:#7d8b9a;
  font-size:.74rem;
  text-align:right;
  line-height:1.4;
}

.form-alert{
  display:grid;
  grid-template-columns:36px 1fr;
  gap:13px;
  align-items:start;
  border-radius:15px;
  padding:16px;
  margin-bottom:24px;
  line-height:1.5;
}

.form-alert-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:11px;
  font-weight:950;
}

.form-alert strong,
.form-alert small{
  display:block;
}

.form-alert small{
  margin-top:3px;
}

.form-success{
  color:#175c45;
  border:1px solid #b8e9d7;
  background:#edf9f4;
}

.form-success .form-alert-icon{
  color:#176548;
  background:#c9f0e0;
}

.form-error{
  color:#7c2e39;
  border:1px solid #f0c5ca;
  background:#fff1f2;
}

.form-error .form-alert-icon{
  color:#842d39;
  background:#ffd9dd;
}

.form-error ul{
  margin:7px 0 0;
  padding-left:18px;
}

.hp-field{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
}

@media (max-width:1050px){
  .contact-layout{
    grid-template-columns:1fr;
  }

  .contact-sidebar{
    display:grid;
    grid-template-columns:1fr;
  }
}

@media (max-width:700px){
  .contact-hero{
    padding:58px 0 32px;
  }

  .contact-section{
    padding-top:16px;
  }

  .contact-sidebar-main{
    padding:27px 23px;
  }

  .contact-form-card{
    padding:27px 22px;
  }

  .contact-form-header{
    gap:15px;
  }

  .contact-form-symbol{
    width:46px;
    height:46px;
    border-radius:14px;
  }

  .form-grid{
    grid-template-columns:1fr;
    gap:0;
  }

  .form-actions{
    display:block;
  }

  .form-submit{
    width:100%;
  }

  .form-actions-note{
    justify-content:center;
    margin-top:13px;
    text-align:center;
  }
}

@media (max-width:430px){
  .contact-sidebar h2{
    font-size:2rem;
  }

  .contact-email-card{
    grid-template-columns:auto 1fr;
  }

  .contact-email-arrow{
    display:none;
  }

  .contact-form-card{
    padding:23px 16px;
    border-radius:24px;
  }

  .contact-form-header{
    display:block;
  }

  .contact-form-symbol{
    margin-top:16px;
  }

  .consent-panel{
    padding:16px;
  }
}


/* Cloudflare Turnstile — „Nie jestem robotem” */
.turnstile-panel{
  margin-top:18px;
  padding:18px 20px;
  border:1px solid #dbe4ed;
  border-radius:18px;
  background:#f7fafc;
}

.turnstile-panel-heading{
  display:grid;
  grid-template-columns:32px 1fr auto;
  align-items:center;
  gap:11px;
  margin-bottom:14px;
  color:#314156;
}

.turnstile-panel-heading strong,
.turnstile-panel-heading small{
  display:block;
}

.turnstile-panel-heading strong{
  font-size:.88rem;
}

.turnstile-panel-heading small{
  margin-top:3px;
  color:#7b8999;
  font-size:.75rem;
  font-weight:500;
}

.turnstile-panel-heading b{
  color:#0780a5;
}

.turnstile-shield{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border-radius:10px;
  color:#087b9e;
  background:#e3f8fd;
  font-size:.86rem;
  font-weight:950;
}

.turnstile-widget-wrap{
  max-width:100%;
  overflow:hidden;
  border-radius:10px;
}

.turnstile-widget-wrap .cf-turnstile{
  max-width:100%;
}

.turnstile-unavailable{
  padding:12px 14px;
  border:1px solid #efc4ca;
  border-radius:12px;
  color:#7a2e39;
  background:#fff0f2;
  font-size:.82rem;
  line-height:1.5;
}

@media(max-width:430px){
  .turnstile-panel{
    padding:16px 13px;
  }
}


/* Załącznik formularza */
.form-field-attachment{
  margin-top:2px;
}

.file-upload-box{
  position:relative;
  display:grid!important;
  grid-template-columns:46px 1fr auto;
  align-items:center!important;
  gap:14px!important;
  min-height:86px;
  margin:0!important;
  padding:15px 17px;
  border:1px dashed #aebfce;
  border-radius:16px;
  color:#2b3b50!important;
  background:#f8fbfd;
  cursor:pointer;
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}

.file-upload-box:hover{
  border-color:#169dc3;
  background:#f2fbfd;
}

.file-upload-box:focus-within{
  border-color:#14a9d0;
  box-shadow:0 0 0 4px rgba(20,169,208,.12);
}

.file-upload-box input[type="file"]{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}

.file-upload-icon{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:14px;
  color:#087b9e;
  background:linear-gradient(135deg,#dff8ff,#eee9ff);
  border:1px solid #d7e6ef;
}

.file-upload-icon svg{
  width:23px;
  height:23px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.file-upload-copy{
  min-width:0;
}

.file-upload-copy strong,
.file-upload-copy small,
.file-upload-copy span{
  display:block;
}

.file-upload-copy strong{
  color:#26374b;
  font-size:.88rem;
}

.file-upload-copy small{
  margin-top:4px;
  color:#7d8c9d;
  font-size:.74rem;
  font-weight:500;
}

.file-upload-copy span{
  margin-top:7px;
  color:#087b9e;
  font-size:.76rem;
  font-weight:750;
  overflow-wrap:anywhere;
}

.file-upload-button{
  padding:10px 13px;
  border:1px solid #c5d4df;
  border-radius:11px;
  color:#166f8b;
  background:#fff;
  font-size:.75rem;
  font-weight:850;
  white-space:nowrap;
}

.file-upload-error{
  margin-top:8px;
  padding:10px 12px;
  border:1px solid #efc4ca;
  border-radius:11px;
  color:#7a2e39;
  background:#fff0f2;
  font-size:.8rem;
  line-height:1.45;
}

@media(max-width:560px){
  .file-upload-box{
    grid-template-columns:42px 1fr;
  }

  .file-upload-button{
    grid-column:1 / -1;
    text-align:center;
  }
}


/* Strony prawne */
.legal-page{
  min-height:100vh;
  padding:70px 0;
}

.legal-box{
  max-width:950px;
  margin:auto;
  padding:38px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:var(--panel);
  box-shadow:0 24px 75px rgba(0,0,0,.2);
}

.legal-box h1{
  font-size:clamp(2.4rem,6vw,4.6rem);
  margin-top:10px;
}

.legal-box h2{
  margin-top:34px;
  font-size:1.42rem;
  letter-spacing:-.025em;
}

.legal-box h3{
  margin:24px 0 6px;
  font-size:1.02rem;
}

.legal-box p,
.legal-box li{
  color:var(--muted);
  line-height:1.72;
}

.legal-box a{
  color:var(--cyan);
}

.back{
  display:inline-flex;
  margin-bottom:28px;
  color:var(--cyan);
}

.legal-warning{
  margin:20px 0;
  padding:16px 18px;
  border:1px solid rgba(255,205,92,.28);
  border-radius:15px;
  color:#ffedba;
  background:rgba(255,205,92,.08);
  line-height:1.55;
}

.legal-warning strong{
  display:block;
  margin-bottom:3px;
}

.legal-table-wrap{
  overflow-x:auto;
  margin-top:16px;
  border:1px solid var(--line);
  border-radius:16px;
}

.legal-table{
  width:100%;
  min-width:760px;
  border-collapse:collapse;
  font-size:.82rem;
}

.legal-table th,
.legal-table td{
  padding:13px 14px;
  border-bottom:1px solid var(--line);
  text-align:left;
  vertical-align:top;
  line-height:1.55;
}

.legal-table th{
  color:#eaf4ff;
  background:rgba(255,255,255,.06);
}

.legal-table td{
  color:var(--muted);
}

.legal-table tr:last-child td{
  border-bottom:0;
}

.legal-inline-button{
  display:inline;
  padding:0;
  border:0;
  color:var(--cyan);
  background:transparent;
  font:inherit;
  font-weight:800;
  text-decoration:underline;
  cursor:pointer;
}

.error-cookie-link{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:30;
  padding:9px 12px;
  border:1px solid var(--line);
  border-radius:12px;
  background:rgba(7,17,31,.88);
}



/* =========================================================
   OYAA.eu — menedżer zgód cookies
   ========================================================= */
[hidden]{
  display:none!important;
}

.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.cookie-banner{
  position:fixed;
  z-index:10000;
  left:18px;
  right:18px;
  bottom:18px;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  width:min(1180px,calc(100% - 36px));
  margin:0 auto;
  padding:18px;
  color:#142238;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(255,255,255,.9);
  border-radius:22px;
  box-shadow:0 25px 80px rgba(0,0,0,.38);
  backdrop-filter:blur(18px);
}

.cookie-banner__icon{
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border:1px solid #d9e5ed;
  border-radius:16px;
  background:linear-gradient(135deg,#dff8ff,#efeaff);
  font-size:1.35rem;
}

.cookie-banner__content h2{
  margin:0 0 5px;
  color:#111e30;
  font-size:1.05rem;
  letter-spacing:-.02em;
}

.cookie-banner__content p{
  max-width:720px;
  margin:0;
  color:#5f7083;
  font-size:.82rem;
  line-height:1.5;
}

.cookie-banner__links{
  display:flex;
  flex-wrap:wrap;
  gap:13px;
  margin-top:7px;
}

.cookie-banner__links a,
.cookie-modal__legal a{
  color:#087c9e;
  font-size:.75rem;
  font-weight:800;
  text-decoration:none;
  border-bottom:1px solid rgba(8,124,158,.32);
}

.cookie-banner__links a:hover,
.cookie-modal__legal a:hover{
  border-color:#087c9e;
}

.cookie-banner__actions{
  display:grid;
  grid-template-columns:repeat(3,minmax(145px,1fr));
  gap:8px;
}

.cookie-button{
  min-height:44px;
  padding:9px 14px;
  border-radius:12px;
  font:inherit;
  font-size:.76rem;
  font-weight:850;
  cursor:pointer;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

.cookie-button:hover{
  transform:translateY(-1px);
}

.cookie-button:focus-visible,
.cookie-modal__close:focus-visible,
.cookie-settings-link:focus-visible{
  outline:3px solid rgba(20,169,208,.35);
  outline-offset:2px;
}

.cookie-button--choice{
  color:#0f3040;
  border:1px solid #9cc9d7;
  background:#e8f8fc;
}

.cookie-button--settings{
  color:#26374a;
  border:1px solid #c8d4df;
  background:#fff;
}

.cookie-modal{
  position:fixed;
  z-index:10020;
  inset:0;
  display:grid;
  place-items:center;
  padding:20px;
}

.cookie-modal__backdrop{
  position:absolute;
  inset:0;
  background:rgba(2,8,15,.74);
  backdrop-filter:blur(8px);
}

.cookie-modal__dialog{
  position:relative;
  z-index:1;
  width:min(690px,100%);
  max-height:min(760px,calc(100vh - 40px));
  overflow:auto;
  padding:28px;
  color:#172337;
  background:linear-gradient(180deg,#fff,#f3f7fb);
  border:1px solid rgba(255,255,255,.9);
  border-radius:26px;
  box-shadow:0 30px 100px rgba(0,0,0,.45);
}

.cookie-modal__header{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-bottom:21px;
  margin-bottom:7px;
  border-bottom:1px solid #dce5ed;
}

.cookie-modal__kicker{
  color:#087c9e;
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
}

.cookie-modal__header h2{
  margin:7px 0 7px;
  color:#111e30;
  font-size:2rem;
  letter-spacing:-.045em;
}

.cookie-modal__header p{
  margin:0;
  color:#66778a;
  font-size:.85rem;
  line-height:1.55;
}

.cookie-modal__close{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:42px;
  height:42px;
  border:1px solid #d3dee7;
  border-radius:13px;
  color:#526477;
  background:#fff;
  font-size:1.45rem;
  cursor:pointer;
}

.cookie-category{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  padding:19px 0;
  border-bottom:1px solid #e0e7ed;
}

.cookie-category__title{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:9px;
}

.cookie-category__title strong{
  color:#26374a;
  font-size:.92rem;
}

.cookie-category__title span{
  padding:4px 7px;
  border-radius:999px;
  color:#087c9e;
  background:#e4f7fc;
  font-size:.63rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.07em;
}

.cookie-category__copy p{
  margin:7px 0 0;
  color:#6b7b8d;
  font-size:.78rem;
  line-height:1.55;
}

.cookie-switch{
  position:relative;
  display:inline-flex;
  align-items:center;
  cursor:pointer;
}

.cookie-switch input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}

.cookie-switch > span[aria-hidden="true"]{
  position:relative;
  display:block;
  width:48px;
  height:27px;
  border:1px solid #aebcc9;
  border-radius:999px;
  background:#dfe6ec;
  transition:.2s ease;
}

.cookie-switch > span[aria-hidden="true"]::after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:19px;
  height:19px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 7px rgba(0,0,0,.18);
  transition:.2s ease;
}

.cookie-switch input:checked + span[aria-hidden="true"]{
  border-color:#0fa3c9;
  background:linear-gradient(135deg,#16b9de,#5a7cff);
}

.cookie-switch input:checked + span[aria-hidden="true"]::after{
  transform:translateX(21px);
}

.cookie-switch input:focus-visible + span[aria-hidden="true"]{
  box-shadow:0 0 0 4px rgba(20,169,208,.15);
}

.cookie-switch--locked{
  cursor:not-allowed;
  opacity:.72;
}

.cookie-modal__legal{
  padding:14px 0 4px;
  color:#718094;
  font-size:.75rem;
  line-height:1.5;
}

.cookie-modal__actions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-top:18px;
}

.cookie-settings-link{
  padding:0;
  border:0;
  color:inherit;
  background:transparent;
  font:inherit;
  cursor:pointer;
  opacity:.84;
}

.cookie-settings-link:hover{
  opacity:1;
  text-decoration:underline;
}

body.cookie-modal-open{
  overflow:hidden;
}

@media(max-width:980px){
  .cookie-banner{
    grid-template-columns:auto 1fr;
  }

  .cookie-banner__actions{
    grid-column:1 / -1;
  }
}

@media(max-width:650px){
  .cookie-banner{
    left:10px;
    right:10px;
    bottom:10px;
    width:calc(100% - 20px);
    grid-template-columns:1fr;
    gap:11px;
    padding:16px;
    border-radius:18px;
  }

  .cookie-banner__icon{
    display:none;
  }

  .cookie-banner__actions{
    grid-template-columns:1fr;
  }

  .cookie-button{
    width:100%;
  }

  .cookie-modal{
    padding:10px;
  }

  .cookie-modal__dialog{
    max-height:calc(100vh - 20px);
    padding:21px 16px;
    border-radius:20px;
  }

  .cookie-modal__header h2{
    font-size:1.65rem;
  }

  .cookie-category{
    gap:12px;
  }

  .cookie-modal__actions{
    grid-template-columns:1fr;
  }
}



/* Wybór języka PL / EN / DE */
.language-switcher{position:relative;display:flex;align-items:center;gap:7px;flex:0 0 auto;min-height:40px;padding:4px 8px 4px 10px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(255,255,255,.055);backdrop-filter:blur(12px)}
.language-switcher__icon{color:var(--cyan);font-size:.92rem;font-weight:900;line-height:1}
.language-switcher__select{max-width:125px;padding:7px 24px 7px 0;border:0;outline:0;color:#eaf4ff;background:transparent;font:inherit;font-size:.72rem;font-weight:850;cursor:pointer}
.language-switcher__select option{color:#132033;background:#fff}
.language-switcher--legal{width:max-content;margin:0 0 26px}
.language-switcher-floating{position:fixed;z-index:80;top:16px;right:16px}
.nav-inner{gap:18px}
@media(max-width:900px){.nav-inner{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.nav-links{order:3;width:100%;justify-content:center;flex-wrap:wrap}.language-switcher{margin-left:auto}}
@media(max-width:520px){.language-switcher__select{max-width:96px}.language-switcher{padding-left:8px}}

.contact-direct-links{
  display:grid;
  gap:10px;
  margin:30px 0;
}

.contact-phone-card .contact-icon{
  color:#83f0cb;
  background:linear-gradient(
    135deg,
    rgba(89,240,181,.20),
    rgba(53,213,255,.16)
  );
}


.contact-whatsapp-hint{
  display:block;
  margin-top:3px;
  color:#83f0cb;
  font-size:.68rem;
  font-style:normal;
  font-weight:850;
  letter-spacing:.04em;
}


.contact-facebook-card .contact-icon{
  color:#8ebcff;
  background:linear-gradient(
    135deg,
    rgba(62,116,255,.24),
    rgba(66,193,255,.16)
  );
}

.contact-facebook-card .contact-icon svg{
  fill:currentColor;
  stroke:none;
}

.contact-facebook-hint{
  display:block;
  margin-top:3px;
  color:#8ebcff;
  font-size:.68rem;
  font-style:normal;
  font-weight:850;
  letter-spacing:.04em;
}


/* =========================================================
   OYAA.eu — pełna optymalizacja dla smartfonów
   ========================================================= */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  scroll-padding-top:94px;
}

body{
  min-width:320px;
}

button,
a,
select,
input,
textarea{
  -webkit-tap-highlight-color:transparent;
}

button,
select,
input,
textarea{
  font:inherit;
}

input,
select,
textarea{
  max-width:100%;
}

.mobile-nav-toggle{
  display:none;
}

.mobile-nav-toggle__bar{
  display:block;
  width:21px;
  height:2px;
  border-radius:999px;
  background:currentColor;
  transition:transform .22s ease,opacity .22s ease;
}

@media(hover:none){
  .brand-card:hover,
  .btn:hover,
  .contact-email-card:hover,
  .nav-cta:hover,
  .cookie-button:hover,
  .form-submit:hover{
    transform:none;
  }
}

@media(max-width:900px){
  html{
    scroll-padding-top:82px;
  }

  .wrap{
    width:min(var(--max),calc(100% - 30px));
  }

  .nav{
    padding-top:env(safe-area-inset-top);
  }

  .nav-inner{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto 46px;
    grid-template-areas:
      "logo language toggle"
      "menu menu menu";
    gap:10px 8px!important;
    height:auto!important;
    min-height:68px;
    padding:10px 0!important;
  }

  .logo{
    grid-area:logo;
    min-width:0;
    gap:9px;
  }

  .logo-mark{
    width:36px;
    height:36px;
    flex:0 0 auto;
  }

  .language-switcher{
    grid-area:language;
    min-width:0;
    margin:0!important;
  }

  .language-switcher__select{
    width:100%;
    max-width:118px;
  }

  .mobile-nav-toggle{
    grid-area:toggle;
    display:grid;
    place-content:center;
    gap:5px;
    width:46px;
    height:46px;
    padding:0;
    border:1px solid var(--line);
    border-radius:14px;
    color:#eef7ff;
    background:rgba(255,255,255,.065);
    cursor:pointer;
  }

  .mobile-nav-toggle:focus-visible{
    outline:3px solid rgba(53,213,255,.34);
    outline-offset:2px;
  }

  .nav.nav-open .mobile-nav-toggle__bar:nth-of-type(2){
    transform:translateY(7px) rotate(45deg);
  }

  .nav.nav-open .mobile-nav-toggle__bar:nth-of-type(3){
    opacity:0;
  }

  .nav.nav-open .mobile-nav-toggle__bar:nth-of-type(4){
    transform:translateY(-7px) rotate(-45deg);
  }

  .nav-links{
    grid-area:menu;
    display:none!important;
    width:100%;
    gap:6px!important;
    padding:8px;
    border:1px solid var(--line);
    border-radius:18px;
    background:rgba(4,13,23,.96);
    box-shadow:0 22px 55px rgba(0,0,0,.34);
  }

  .nav.nav-open .nav-links{
    display:grid!important;
  }

  .nav-links a,
  .nav-links a:not(.nav-cta){
    display:flex!important;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:48px;
    padding:10px 14px;
    border-radius:12px;
    color:#dce7f2;
  }

  .nav-links a:hover,
  .nav-links a:focus-visible{
    color:#fff;
    background:rgba(255,255,255,.075);
  }

  .nav-links .nav-cta{
    border-radius:12px;
  }

  .hero{
    min-height:auto;
    grid-template-columns:1fr;
    gap:28px;
    padding:52px 0 38px;
  }

  .hero-visual{
    min-height:380px;
  }

  .section-head{
    align-items:flex-start;
  }

  .brand-hero{
    min-height:auto;
    gap:28px;
    padding:54px 0 48px;
  }

  .brand-symbol{
    min-height:330px;
  }

  .brand-cta{
    align-items:flex-start;
  }

  .footer-inner{
    align-items:flex-start;
  }
}

@media(max-width:700px){
  .wrap{
    width:min(var(--max),calc(100% - 26px));
  }

  h1,
  .brand-hero h1,
  .contact-hero h1{
    font-size:clamp(2.55rem,13vw,4rem);
    line-height:.97;
    letter-spacing:-.058em;
    overflow-wrap:anywhere;
  }

  h2{
    font-size:clamp(2rem,10vw,3.2rem);
    line-height:1.04;
  }

  .lead{
    font-size:1rem;
    line-height:1.62;
  }

  .eyebrow{
    max-width:100%;
    border-radius:16px;
    line-height:1.4;
  }

  section{
    padding:58px 0;
  }

  .hero{
    padding-top:42px;
  }

  .hero-visual{
    min-height:315px;
    overflow:hidden;
  }

  .orb{
    width:230px;
    height:230px;
  }

  .ring{
    width:300px;
    height:300px;
  }

  .tag{
    width:148px;
    padding:16px;
    border-radius:21px;
    transform:rotate(-9deg) translate(-50px,16px);
  }

  .tag-small{
    width:126px;
    padding:15px;
    border-radius:19px;
    transform:rotate(11deg) translate(58px,-31px);
  }

  .tag::before{
    top:16px;
    right:16px;
    width:19px;
    height:19px;
  }

  .tag-title{
    margin-top:22px;
    font-size:.98rem;
  }

  .tag-sub{
    font-size:.67rem;
  }

  .mini-logo{
    font-size:.68rem;
  }

  .section-head{
    display:block;
    margin-bottom:26px;
  }

  .section-copy{
    margin-top:15px;
  }

  .brands,
  .brand-benefits,
  .brand-products{
    gap:12px;
  }

  .brand-card{
    min-height:190px;
    padding:22px;
    border-radius:20px;
  }

  .brand-name{
    margin-top:30px;
  }

  .products-grid{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:auto;
    gap:12px;
  }

  .product-card,
  .product-card.large{
    grid-column:auto;
    grid-row:auto;
    min-height:215px;
    margin:0;
    padding:22px;
    border-radius:20px;
  }

  .product-card.large{
    min-height:300px;
  }

  .large .shape.one{
    width:185px;
    height:122px;
    right:14px;
    bottom:24px;
  }

  .large .shape.two{
    width:110px;
    height:74px;
    right:70px;
    bottom:80px;
  }

  .small-shape{
    width:105px;
    height:70px;
  }

  .store{
    padding:25px 20px;
    border-radius:23px;
  }

  .pill{
    width:fit-content;
    max-width:100%;
    white-space:normal;
    line-height:1.4;
  }

  .actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }

  .btn{
    width:100%;
    min-height:50px;
  }

  .brand-hero{
    padding:42px 0 36px;
  }

  .brand-symbol{
    min-height:270px;
  }

  .brand-symbol-card{
    width:min(300px,88%);
    border-radius:27px;
  }

  .brand-benefit,
  .brand-product{
    min-height:auto;
    padding:22px;
    border-radius:20px;
  }

  .brand-cta{
    padding:26px 20px;
    border-radius:22px;
  }

  .contact-hero{
    padding:42px 0 22px;
  }

  .contact-section{
    padding:12px 0 64px;
  }

  .contact-layout{
    gap:15px;
  }

  .contact-sidebar-main{
    padding:24px 19px;
    border-radius:23px;
  }

  .contact-sidebar h2{
    margin-top:23px;
  }

  .contact-direct-links{
    margin:22px 0;
  }

  .contact-email-card{
    min-height:70px;
    padding:13px;
    border-radius:17px;
  }

  .contact-form-card{
    padding:23px 17px;
    border-radius:23px;
  }

  .contact-form-header{
    display:block;
    padding-bottom:21px;
    margin-bottom:22px;
  }

  .contact-form-symbol{
    margin-top:15px;
  }

  .form-grid{
    grid-template-columns:1fr;
    gap:0;
  }

  .form-control input,
  .form-control select,
  .form-control textarea{
    font-size:16px;
  }

  .form-actions{
    display:block;
  }

  .form-submit{
    width:100%;
    min-width:0;
  }

  .form-actions-note{
    justify-content:center;
    margin-top:13px;
    text-align:center;
  }

  .turnstile-panel{
    padding:15px 12px;
  }

  .turnstile-panel-heading{
    grid-template-columns:30px 1fr;
  }

  .turnstile-panel-heading b{
    grid-column:2;
  }

  .turnstile-widget-wrap{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
  }

  .file-upload-box{
    grid-template-columns:42px minmax(0,1fr);
    padding:14px;
  }

  .file-upload-button{
    grid-column:1 / -1;
    width:100%;
    text-align:center;
  }

  .consent-panel{
    padding:16px;
  }

  .legal-page{
    padding:25px 0 58px;
  }

  .legal-box{
    padding:24px 18px;
    border-radius:22px;
  }

  .legal-box h1{
    font-size:clamp(2.35rem,12vw,3.45rem);
  }

  .legal-box h2{
    margin-top:29px;
  }

  .legal-table-wrap{
    overflow:visible;
    border:0;
    border-radius:0;
  }

  .legal-table{
    display:block;
    min-width:0;
    font-size:.84rem;
  }

  .legal-table thead{
    position:absolute;
    width:1px;
    height:1px;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
  }

  .legal-table tbody,
  .legal-table tr,
  .legal-table td{
    display:block;
    width:100%;
  }

  .legal-table tr{
    margin-bottom:13px;
    overflow:hidden;
    border:1px solid var(--line);
    border-radius:16px;
    background:rgba(255,255,255,.045);
  }

  .legal-table td{
    padding:12px 14px;
    border-bottom:1px solid var(--line);
  }

  .legal-table td:last-child{
    border-bottom:0;
  }

  .legal-table td::before{
    content:attr(data-label);
    display:block;
    margin-bottom:5px;
    color:#eef6ff;
    font-size:.69rem;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
  }

  .footer-inner{
    display:grid;
    justify-content:stretch;
    text-align:center;
  }

  .footer-links{
    justify-content:center;
    gap:12px 16px;
  }

  .footer-links a,
  .footer-links button{
    min-height:44px;
    display:inline-flex;
    align-items:center;
  }

  .cookie-banner{
    left:8px;
    right:8px;
    bottom:calc(8px + env(safe-area-inset-bottom));
    width:calc(100% - 16px);
    max-height:calc(100dvh - 16px - env(safe-area-inset-top));
    overflow:auto;
    padding:15px;
    border-radius:17px;
  }

  .cookie-banner__actions{
    grid-template-columns:1fr;
  }

  .cookie-button{
    min-height:48px;
  }

  .cookie-modal{
    padding:
      calc(8px + env(safe-area-inset-top))
      8px
      calc(8px + env(safe-area-inset-bottom));
  }

  .cookie-modal__dialog{
    width:100%;
    max-height:calc(
      100dvh
      - 16px
      - env(safe-area-inset-top)
      - env(safe-area-inset-bottom)
    );
    padding:21px 16px;
    border-radius:19px;
  }

  .cookie-modal__header h2{
    font-size:1.6rem;
  }

  .cookie-modal__actions{
    grid-template-columns:1fr;
  }

  .language-switcher-floating{
    top:calc(10px + env(safe-area-inset-top));
    right:10px;
  }

  .error-page{
    padding:
      calc(80px + env(safe-area-inset-top))
      18px
      calc(76px + env(safe-area-inset-bottom))!important;
  }

  .error-cookie-link{
    right:10px;
    bottom:calc(10px + env(safe-area-inset-bottom));
  }
}

@media(max-width:460px){
  .wrap{
    width:min(var(--max),calc(100% - 22px));
  }

  .nav-inner{
    grid-template-columns:minmax(0,1fr) auto 44px;
    gap:8px 6px!important;
  }

  .logo{
    font-size:1rem;
  }

  .logo-mark{
    width:34px;
    height:34px;
    border-radius:11px;
  }

  .language-switcher{
    min-height:42px;
    padding:3px 6px 3px 8px;
  }

  .language-switcher__icon{
    display:none;
  }

  .language-switcher__select{
    max-width:91px;
    padding-right:18px;
    font-size:.69rem;
  }

  .mobile-nav-toggle{
    width:44px;
    height:44px;
  }

  h1,
  .brand-hero h1,
  .contact-hero h1{
    font-size:clamp(2.35rem,13vw,3.25rem);
  }

  .hero-visual{
    min-height:285px;
  }

  .orb{
    width:205px;
    height:205px;
  }

  .ring{
    width:270px;
    height:270px;
  }

  .contact-email-card{
    grid-template-columns:42px minmax(0,1fr);
  }

  .contact-email-arrow{
    display:none;
  }

  .contact-email-card strong{
    font-size:.94rem;
  }

  .contact-facebook-hint,
  .contact-whatsapp-hint{
    line-height:1.35;
  }

  .contact-topic-item{
    grid-template-columns:32px minmax(0,1fr);
  }

  .cookie-category{
    grid-template-columns:minmax(0,1fr) auto;
    gap:9px;
  }

  .legal-warning{
    padding:14px;
  }
}

@media(max-width:380px){
  .logo > span:last-child{
    font-size:.92rem;
  }

  .language-switcher__select{
    max-width:78px;
  }

  .hero-visual{
    min-height:260px;
  }

  .tag{
    width:134px;
    transform:rotate(-8deg) translate(-42px,15px);
  }

  .tag-small{
    width:112px;
    transform:rotate(10deg) translate(48px,-27px);
  }

  .contact-form-card,
  .contact-sidebar-main,
  .legal-box{
    padding-left:14px;
    padding-right:14px;
  }
}

@media(max-height:520px) and (orientation:landscape){
  .hero{
    min-height:auto;
  }

  .hero-visual{
    min-height:270px;
  }

  .cookie-modal__dialog{
    max-height:calc(100dvh - 12px);
  }
}

@media(prefers-reduced-motion:reduce){
  html{
    scroll-behavior:auto;
  }

  *,
  *::before,
  *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
}