img {max-width:100%;height:auto;}
*, *::before, *::after {box-sizing: border-box;}
html, body {overflow-x: hidden;}
#home, .hero, .hero-buttons a {overflow: hidden;}
.hero-buttons a, body a {text-decoration: none;}
#home, .hero, header {position: relative;
    display: flex;}
#home, .hero, .toggle-menu ul img, header {display: flex;}
#zespol, .hero {margin-top: 5%;}
#home, .hero-text p, body, footer {line-height: 1.6;}
.footer-section > .social-icons-footer a:hover, .social-icons a:hover {background-color: var(--primary-color);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);}
#about > .box, #oferta > .box img, .box-img-link, :root {--primary-color: #22302e;
    --secondary-color: #f4f4f9;
    --text-color: #333;
    --background-gradient: linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.5));
    --shadow-color: rgba(0, 0, 0, 0.1);
    --font-family: "Helvetica Neue", Arial, sans-serif;
    --third-color: #00c3a5;}
.hero-overlay, .hero-o-nas, body {background: linear-gradient(to right, rgba(249, 247, 243, 0.95), rgba(249, 247, 243, 0.85));}
html {scroll-behavior: smooth;}
body {font-family: var(--font-family);
    margin: 0;
    padding: 0;
    color: var(--text-color);
    transition: background-color 0.3s, color 0.3s;}
header {color: var(--primary-color);
    text-align: center;}
#home {flex-direction: column;
    justify-content: space-between;
    align-content: center;
    justify-items: center;
    align-items: center;
    width: 100%;}
.hero {max-width: 70%;
    min-height: 60vh;}
#about > .box, #oferta, .hero-content, main {max-width: 100%;}
.hero-overlay {position: absolute;
    inset: 0;
    z-index: 1;}
.hero-content {position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 2;
    flex-direction: row;
    padding-bottom: 60px;}
.hero-text {flex: 1;
    padding-right: 2rem;
    flex-direction: column;
    min-width: 50%;
    min-height: 100%;
    margin-right: auto;
    text-align: left;}
#oferta > .box, footer {text-align: center;}
.hero-logo {max-height: 100px;}
.hero-text h1 {font-size: 2rem;
    margin-bottom: 1rem;
    color: #22302e;}
.scroll-down a, .social-icons a {color: var(--primary-color);
    text-decoration: none;}
.hero-text p {font-size: 1.1rem;
    margin-bottom: 2rem;
    width: 100%;}
.hero-buttons a {display: inline-block;
    padding: 0.8rem 1.5rem;
    margin-right: 1rem;
    border-radius: 5px;
    font-weight: 600;
    margin-top: 3%;
    font-size: 1rem;}
.contact a, .toggle-menu ul li a {text-decoration: none;
    font-weight: 700;}
.btn-primary {background-color: var(--third-color);
    color: #fff;}
.btn-secondary {background: 0 0;
    border: 2px solid var(--third-color);
    color: #2a4f4d;}
.hero-image {flex: 1;}
.hero-image img {width: 100%;
    max-width: 520px;
    border-radius: 10px;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);}
#home a:visited {color: inherit;
    text-decoration-color: none;}
.footer-section > .social-icons-footer a, .social-icons a {font-size: 2em;
    align-items: center;
    box-shadow: 0 4px 6px var(--shadow-color);}
.social-icons a {width: 2vw;
    padding: 20px;
    border-radius: 25%;
    transition: transform 0.3s, background-color 0.3s, color 0.3s;
    display: inline-flex;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.7);}
.social-icons a:hover {color: #fff;}
.scroll-down {position: relative;
    display: flex;
    justify-self: center;
    width: auto;
    transform: translateX(-50%);
    font-size: 2rem;
    animation: 2s infinite bounce;
    bottom: 0;}
#zespol h3, #zespol p.name, .footer-bottom {font-size: 1em;}
.scroll-down a:hover {color: var(--third-color);}
@keyframes bounce{
    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-10px);
    }
    60% {
        transform: translateY(-5px);
    }
}
.toggle-menu {width: 100%;
    height: 100%;}
#about > .box > .box-img img, .team-box-images img {object-fit: scale-down;
    background: rgba(255, 255, 255, 0.027);}
.toggle-menu {display: none;
    justify-content: center;
    backdrop-filter: blur(10px);
    color: #f8fffe;
    border: 5px solid #00c3a5;
    transform: translatex(-100%);}
.toggle-menu ul, main {flex-direction: column;}
.toggle-menu ul {top: 20%;
    width: 90%;
    height: 60%;
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding-top: 20%;
    padding-right: 5%;}
.top-menu ul, .top-menu-team ul {list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: 20px;}
.toggle-menu ul li a {padding: 15px 5rem;
    border-radius: 5px;
    font-size: 1rem;
    color: #eeeef0;
    border: 1px solid #00c3a5;}
.top-menu ul {z-index: 1000;}
.top-menu ul li a, .top-menu-team ul li a {text-decoration: none;
    color: var(--primary-color);
    font-weight: 700;
    padding: 8px 16px;
    transition: background-color 0.3s, color 0.3s;
    border-radius: 5px;
    font-size: 1.3rem;}
.top-menu ul li a:hover, .top-menu-team ul li a:hover {background-color: #fff;
    color: var(--third-color);}
main {display: flex;
    justify-self: center;
    justify-content: center;
    margin: 40px auto;
    padding: 30px;}
#about {max-width: 100%;
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    max-height: fit-content;}
#about h2 {font-size: 2vw;
    padding-bottom: 20px;}
#about > .box {display: flex;
    flex-direction: row;
    justify-content: center;
    justify-self: center;
    width:80%;}
#about > .box > .box-text {display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    text-align: center;}
#about > .box > .box-text p a {color: #00c3a5;}
#about > .box > .box-img {display: flex;
    justify-self: flex-start;
    width: 30%;
    height: auto;}
#about > .box > .box-img img {display: flex;
    justify-self: flex-start;
    align-self: center;
    max-width: 100%;
    box-shadow: 20px 20px 50px var(--shadow-color);
    transition: transform 0.3s, box-shadow 0.3s;}
#about > .box p {font-size: 1.2rem;
    width: 80%;
    text-align: justify;
    margin: 0 auto;}
#oferta, #zespol {overflow-x:hidden;
    flex-direction: column;
    display: flex;}
.contact p {margin: 10px 0;
    font-size: 1.1em;}
.contact a {color: var(--primary-color);
    border: 2px solid var(--primary-color);
    padding: 8px 16px;
    border-radius: 8px;
    transition: background-color 0.3s, color 0.3s;}
.contact a:hover {background-color: var(--primary-color);
    color: #fff;
    text-decoration: none;}
.footer-section > .social-icons-footer a, .footer-section > .social-icons-footer img {width: 2vw;
    color: var(--primary-color);
    padding: 20px;
    border-radius: 25%;
    transition: transform 0.3s, background-color 0.3s, color 0.3s;
    display: inline-flex;
    text-decoration: none;}
footer {background-color: #0f2b2e;
    color: var(--secondary-color);
    padding: 40px 20px;
    font-size: 1em;}
#footer-container {display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 1200px;
    margin: 0 auto;}
#footer-container .map {background-color: #00c3a5;
    display: flex;
    width: 100%;
    height: 50vh;
    justify-content: center;}
#footer-container .map iframe {width: 100%;
    display: flex;}
.footer-section {flex: 1 1 calc(33.33% - 20px);
    min-width: 250px;}
.footer-section > .social-icons-footer {display: flex;
    justify-content: center;
    gap: 25px;
    margin-top: 20px;}
.footer-section > .social-icons-footer a {height: 2vh;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.2);}
.footer-section > .social-icons-footer img {font-size: 1em;
    align-items: center;
    justify-content: center;}
.footer-section > .social-icons-footer a:hover {transform: scale(1.2);
    color: #fff;
    text-decoration: none;}
.footer-section h3 {color: var(--third-color);
    font-size: 1.2em;
    margin-bottom: 10px;
    border-bottom: 2px solid var(--third-color);
    padding-bottom: 5px;}
.team-bio h1, .team-bio img {margin: 0 auto;
    padding-top: 5%;}
.footer-section a, .footer-section p {color: var(--secondary-color);
    text-decoration: none;}
.footer-section a:hover {color: var(--third-color);
    text-decoration: underline;}
.social-icons a:hover {background-color: var(--third-color);
    transform: scale(1.2);}
.footer-bottom {border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 10px;
    color: rgba(255, 255, 255, 0.7);}
@keyframes slideIn{
    0% {
        transform: translatex(-100%);
        opacity: 0;
    }
    100% {
        transform: translatex(0);
        opacity: 1;
    }
}
@keyframes slideOut{
    0% {
        transform: translatex(0);
        opacity: 1;
    }
    100% {
        transform: translatex(-100%);
        opacity: 0;
    }
}
.toggle-menu.slide-in {display: flex;
    animation: 0.5s forwards slideIn;}
.toggle-menu.slide-out {animation: 0.5s forwards slideOut;}
footer, header, main {animation: 1s ease-in-out fadeIn;}
@keyframes fadeIn{
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}
a, button, img {transition: 0.3s;}
h2 {background: linear-gradient(to right, #03a38b, #6cc7c2);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}
.hero-buttons a {position: relative;
    z-index: 1;}
.hero-buttons a::after {content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s;
    z-index: 0;}
.hero-buttons a:hover::after {transform: scaleX(1);}
.hero-o-nas {padding: 80px 20px;
  text-align: center;}
.hero-o-nas-content h1 {font-size: 2.5em;
  color: #22302e;
  margin-bottom: 10px;}
.hero-o-nas-content p {font-size: 1.2em;
  color: #444;}
.modern-about-section {padding: 80px 20px;}
.about-container {display: flex;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  align-items: center;
  gap: 40px;}
.about-image {flex: 1 1 40%;
  text-align: center;}
.about-image img {max-width: 100%;
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);}
.about-content {flex: 1 1 50%;}
.about-content h2 {font-size: 2.2rem;
  margin-bottom: 20px;
  color: #22302e;}
.about-content p {font-size: 1.1rem;
  line-height: 1.6;
  margin-bottom: 30px;
  color: #444;}
.about-links {display: flex;
  gap: 20px;
  flex-wrap: wrap;}
.about-links a {padding: 12px 24px;
  font-weight: 600;
  border-radius: 5px;
  transition: background 0.3s ease, color 0.3s ease;}
.values-section {padding: 60px 20px;
  text-align: center;}
.values-section h2 {font-size: 2em;
      width: 80%;
      margin: 0 auto;
      border-bottom: 1px solid #00c3a5;
  margin-bottom: 40px;}
.values-grid {display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;}
.value-box {flex: 0 0 250px;
  padding: 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);}
.value-box i {font-size: 2em;
  color: #00c3a5;
  margin-bottom: 10px;}
.value-box h3 {font-size: 1.2em;
  margin-bottom: 8px;}
.founders {padding: 60px 20px;
  text-align: center;}
.founders h2 {width: 80%;
  font-size: 2em;
      border-bottom: 1px solid #00c3a5;
      margin: 0 auto;
        margin-bottom: 30px;}
.founders-grid {display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;}
.founder {width: 200px;}
.founder img {width: 100%;
  border-radius: 50%;
  margin-bottom: 10px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);}
.founder p {font-size: 1rem;
  color: #333;}
.fade-in-up {opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 1s ease forwards;}
@keyframes fadeInUp{
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.hero-buttons a {transition: background 0.3s ease, color 0.3s ease;}
.hero-buttons a:hover {background-color: #00b3b3;
  color: #fff;}
.footer-section a {position: relative;}
.footer-section a::after {content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  background: #00c3a5;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;}
.footer-section a:hover::after {transform: scaleX(1);}
#oferta > .box:hover {transform: translateY(-10px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);}
.team-member img:hover {filter: brightness(1.1);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
  transform: scale(1.05);
  transition: 0.5s;}
footer {background: linear-gradient(to top, #0f2b2e, #1b4744);}
.modern-oferta-section {padding: 80px 20px;
  
  text-align: center;}
.modern-oferta-grid {display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 40px;
  max-width: 1200px;
  margin: 40px auto 0;}
.oferta-card {background: #ffffff;
  border-radius: 15px;
  padding: 30px 20px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;}
.oferta-card:hover {transform: translateY(-5px);
  box-shadow: 0 16px 30px rgba(0, 0, 0, 0.1);}
.oferta-icon {font-size: 2.5rem;
  color: #00c3a5;
  margin-bottom: 20px;}
.oferta-card h3 {font-size: 1.3rem;
  color: #22302e;
  margin-bottom: 10px;}
.oferta-card p {font-size: 1rem;
  color: #555;
  margin-bottom: 20px;}
.oferta-card a {text-decoration: none;
  font-weight: 600;
  color: #00c3a5;
  transition: color 0.3s;}
.oferta-card a:hover {color: #028f7b;}
@media (max-width: 1301px){.box-img-link-left img {display: flex;
        width: 10vw;
        justify-self: center;}}
#about > .box {flex-direction: column;}
#about > .box > .box-text {justify-self: center;
        width: 100%;}
#oferta p {font-size: 1.2vw;}
#zespol > .team-container > .team-member > p.link-zl a {font-size: 1vw;}
@media (max-width: 1025px){.hero {min-height: fit-content;
        margin-top: 20%;}.hero-content {justify-content: space-evenly;
        flex-direction: column;
        min-height: 100%;}.hero-text {flex: 1;
        padding-right: 2rem;
        flex-direction: column;
        min-width: 90%;
        margin-right: auto;
        text-align: left;
        justify-content: space-evenly;}.hero-image img {display: none;
        min-height: 50%;
        margin-top:-20%;
        border-radius: 10px;
        box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);}.box-img-link-left img {display: flex;
        width: 30vw;
        justify-self: center;}}
.team-bio h3 {font-size: 3vw;}
.box-img-link-right p a {color: #0f2b2e;
    font-size: clamp(14px, 2.5vw, 18px);}
.team-box-images img {max-width: 40vw;
        min-width: 40vw;}
.team-box-text-linki p {border: 1px solid #00c3a5;
        border-radius: 1px;
        padding: 15px;
        margin-right: 5%;}
.team-box-text-linki p:hover {background-color: #00c3a5;
        color: #fff;
        transition: color 0.5s;}
.team-box-text-linki a {text-decoration: none;
        color: #555;
        padding: 10px;}
#about h2, .section-top h2 {margin: 0 auto;
        font-size: 3vw;}
#oferta p {font-size: clamp(1rem, 1.2vw, 1.3rem);}
#oferta h3 p {font-size: 3.5vw;
        margin-bottom: -5%;}
#zespol > .team-container > .team-member > p.link-zl a {font-size: 1.4vw;}
@media (max-width: 900px){#about {margin-top:0;}.hero {margin-bottom: 50px;}.hero-content {min-height: 70vh;}.hero-image img, .scroll-down {display: none;}main {max-width: 100%;}main {margin-top: 20px;}#about, #oferta, #zespol {min-width: 100%;
        padding-top: 5%;}#about h2 {font-size: 4vw;}.team-bio h2 {font-size: 2.8vw;}#about {margin-top: 10%;}#about > .box > .box-text > h2 {margin-left: 0;}#oferta > .box {padding: 10px;
        flex: 1 1 50%;}#oferta > .box img {display: flex;
        width: 40vw;}#oferta p {font-size: clamp(1rem, 1.8vw, 1.5rem);}#oferta > .box:hover {transform: scale(1);
        box-shadow: 0 6px 12px transparent;}.modern-oferta-section {padding: 0px;}.modern-oferta-grid {display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 40px;
  max-width: 350px;
  margin: 0 auto;}#zespol h3 p {font-size: 0.7em;}.team-member h3, .team-member p {font-size: 0.9em;}#zespol > .team-container > .team-member > p.link-zl a {font-size: 0.8em;}}
@media (max-width: 420px){.hero-text h1, p {text-align: left;}.team-member h3, .team-member p {text-align: center;}.hero-logo {max-height: 50px;}.hero-text p {font-size: 1.1rem;
        margin-bottom: 2rem;
        width: 100%;}#about h2, #oferta p {font-size: clamp(1rem, 3.5vw, 1.8rem);}}
@media (max-width: 420px){.hero-o-nas-content h1 {font-size: 2rem;}.about-wrapper h2, .founders h2, .values-section h2 {font-size: 1.5em;}.about-text p {margin-bottom: 1.5rem;
  font-size: 1.1rem;
  text-align: left;}.founder p {text-align: center;}}
.therapist-hero {display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: center;
  justify-content: center;
  padding: 60px 20px;}
.therapist-hero img {width: 100%;
  max-width: 300px;
  height: auto;
  border-radius: 10px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);}
.therapist-intro {max-width: 500px;}
.therapist-intro h1 {font-size: 2.2em;
  color: #22302e;}
.therapist-intro h2 {font-size: 1.4em;
  margin-bottom: 10px;}
.therapist-intro p {font-size: 1.1em;
  margin-bottom: 20px;}
.therapist-section {max-width: 960px;
  margin: 0 auto;
  padding: 40px 20px;}
.therapist-section.light {background: transparent;}
.therapist-section h2 {font-size: 1.8em;
  margin-bottom: 20px;}
.therapist-list {list-style: disc;
  padding-left: 20px;
  line-height: 1.7;}
.therapist-cta h2 {font-size: 2em;
  margin-bottom: 15px;}
.therapist-cta p {font-size: 1.2em;
  margin-bottom: 20px;}
#oferta {display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
  padding: 40px 20px;
  overflow-x: hidden;
  max-width: 100%;}
#oferta > .box {flex: 1 1 300px;
  max-width: 350px;
  min-width: 260px;
  box-sizing: border-box;
  margin: 0 auto;}
@media (max-width: 1024px){#oferta {padding: 20px 10px;}#oferta > .box {flex: 1 1 50%;
    max-width: 100%;}}
#zespol.modern-oferta-section {padding-top: 40px;}
#zespol .modern-oferta-grid {margin-top: 20px;}
.team-card .photo {display: block;
  border-radius: 12px;
  overflow: hidden;
  aspect-ratio: 4 / 3; 
  margin-bottom: 16px;
  background: #f4f4f4;}
.team-card .photo img {width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1.001); 
  transition: transform .4s ease;}
.team-card:hover .photo img {transform: scale(1.05);}
.team-card .name {font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 6px;
  color: #22302e;}
.team-card .role {margin: 0 0 10px;
  color: #6b7280;
  font-size: .98rem;}
.team-card .link-zl a {display: inline-block;
  padding: 8px 14px;
  border: 1px solid #00c3a5;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
  color: #00c3a5;
  transition: background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;}
.team-card .link-zl a:hover {background: #00c3a5;
  color: #fff;
  transform: translateY(-1px);
  box-shadow: 0 8px 16px rgba(0,0,0,.08);}
nav ul {display: none;}
nav.open ul {display: block;}
nav ul li {display:block; margin: 12px 0;}
#zespol {overflow-x:hidden;
  padding: clamp(40px, 6vw, 80px) 0;
  background: linear-gradient(180deg, #f9fafb 0%, #ffffff 100%);}
#zespol .modern-oferta-grid {display:grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: clamp(20px, 3vw, 40px); margin-top: 20px;}
.team-card {border-radius: 20px;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 8px 20px rgba(0,0,0,0.06);
  transition: transform .25s ease, box-shadow .25s ease;}
.team-card:hover {transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);}
.team-card .photo {position: relative;
  aspect-ratio: 1 / 1;
  overflow: hidden;
  display: block;}
.team-card .photo img {width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s ease;
  display: block;}
.team-card:hover .photo img {transform: scale(1.06);}
.team-card .photo::after {content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(0,0,0,0.45), rgba(0,0,0,0));
  opacity: 0;
  transition: opacity .3s ease;
  pointer-events: none;}
.team-card:hover .photo::after {opacity: 1;}
.team-card .content {padding: 18px 20px 24px;
  text-align: center;}
.team-card .name {font-size: 1.15rem;
  font-weight: 700;
  color: #22302e;
  margin-bottom: 4px;}
.team-card .role {font-size: .95rem;
  color: #6b7280;
  margin-bottom: 14px;}
.team-card .link-zl a {display: inline-block;
  padding: 8px 16px;
  background: #00c3a5;
  color: #fff;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 600;
  transition: background .2s ease, transform .2s ease, box-shadow .2s ease;}
.team-card .link-zl a:hover {background: #028f7b;
  transform: translateY(-2px);
  box-shadow: 0 8px 18px rgba(0,0,0,.12);}
#zespol h2 {margin-bottom: clamp(12px, 2vw, 20px);}
#oferta .modern-oferta-grid {align-items: stretch;}
#oferta .oferta-card {display: flex;
  flex-direction: column;
  height: 100%;}
#oferta .oferta-card > a:last-child, #oferta .oferta-card .link-zl:last-child, #oferta .oferta-card .link-zl a:last-child {margin-top: auto;}
#oferta .oferta-card p {margin-bottom: 1rem;}
@media (max-width: 1200px){#oferta .oferta-card {display: flex; flex-direction: column;}#oferta .oferta-card > a:last-child, #oferta .oferta-card .link-zl:last-child, #oferta .oferta-card .link-zl a:last-child {margin-top: auto;}}
#zespol .team-card {display: flex;
  flex-direction: column;
  height: 100%;}
#zespol .team-card .content {display: flex;
  flex-direction: column;
  flex: 1;}
#zespol .team-card .link-zl {margin-top: auto;}
#oferta .oferta-card {display: flex;
  flex-direction: column;
  height: 100%;}
#oferta .oferta-card .oferta-icon {margin-bottom: 12px;}
@media (min-width: 768px){#oferta .oferta-card h3 {line-height: 1.25;
    min-height: 2.6em; 
    margin-bottom: 12px;}#oferta .oferta-card p {line-height: 1.5;
    min-height: 7.5em; 
    margin-bottom: 16px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;}}
#oferta .oferta-card > a:last-child, #oferta .oferta-card .link-zl:last-child, #oferta .oferta-card .link-zl a:last-child {margin-top: auto;
  align-self: center;}
@media (max-width: 480px){#zespol {overflow-x:hidden; padding-left: 12px; padding-right: 12px;}#zespol .modern-oferta-grid {gap: 16px;}}
@media (max-width: 739px){#zespol .modern-oferta-grid {grid-template-columns: 1fr;}}
@media (min-width: 740px) and (max-width: 1199px){#zespol .modern-oferta-grid {grid-template-columns: repeat(2, 1fr);}}
@media (max-width: 900px){#zespol .modern-oferta-grid {grid-template-columns: 1fr; 
    gap: 20px;
    padding-inline: 16px;}#zespol .team-card {width: 100%;}}
@media (min-width: 769px) and (max-width: 1199px){#zespol .modern-oferta-grid {grid-template-columns: repeat(2, 1fr); 
    gap: 28px; 
    padding-inline: 12px; 
    align-items: stretch;}#zespol .team-card {width: 100%;}}
@media (min-width: 900px) and (max-width: 1199px){#zespol .modern-oferta-grid {grid-template-columns: repeat(2, minmax(280px, 1fr));
    gap: 24px;
    padding-inline: 8px;}#zespol .team-card {max-width: 360px;
    margin-inline: auto;}}
@media (max-width: 900px){#oferta .modern-oferta-grid {grid-template-columns: 1fr; 
    gap: 20px;
    padding-inline: 16px;}#oferta .oferta-card {width: 100%;}}
@media (min-width: 769px) and (max-width: 899px){#oferta .modern-oferta-grid {grid-template-columns: repeat(2, minmax(260px, 1fr)); 
    gap: 24px;
    padding-inline: 12px;
    align-items: stretch;}#oferta .oferta-card {width: 100%;}}
@media (min-width: 900px) and (max-width: 1199px){#oferta .modern-oferta-grid {grid-template-columns: repeat(2, minmax(280px, 1fr));
    gap: 24px;
    padding-inline: 8px;}#oferta .oferta-card {max-width: 360px;
    margin-inline: auto;}}
@media (min-width: 1200px){#oferta .modern-oferta-grid {grid-template-columns: repeat(3, 1fr);}}
.oferta-card, .team-card {transition: transform 0.25s ease, box-shadow 0.25s ease;}
.oferta-card:hover, .team-card:hover {transform: translateY(-6px);
  box-shadow: 0 12px 28px rgba(0,0,0,0.12);}
.oferta-card, .team-card {display: flex;
  flex-direction: column;}
.oferta-card .content, .team-card .content {flex: 1;
  display: flex;
  flex-direction: column;}
.oferta-card .link-zl, .team-card .link-zl, #oferta .oferta-card > a:last-child, #oferta .oferta-card .link-zl:last-child, #oferta .oferta-card .link-zl a:last-child {margin-top: auto;}
#oferta, #zespol {padding-inline: clamp(12px, 4vw, 60px);}
@media (max-width: 900px){#oferta .modern-oferta-grid, #zespol .modern-oferta-grid {grid-template-columns: 1fr;
    gap: 20px;}.oferta-card, .team-card {width: 100%;}}
@media (min-width: 769px) and (max-width: 899px){#oferta .modern-oferta-grid, #zespol .modern-oferta-grid {grid-template-columns: repeat(2, minmax(260px, 1fr));
    gap: 24px;
    padding-inline: 12px;
    align-items: stretch;}}
@media (min-width: 900px) and (max-width: 1199px){#oferta .modern-oferta-grid, #zespol .modern-oferta-grid {grid-template-columns: repeat(2, minmax(280px, 1fr));
    gap: 24px;
    padding-inline: 8px;}#oferta .oferta-card, #zespol .team-card {max-width: 360px;
    margin-inline: auto;}}
@media (min-width: 1200px){#oferta .modern-oferta-grid, #zespol .modern-oferta-grid {grid-template-columns: repeat(3, 1fr);}}
#about .about-container {display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(20px, 4vw, 48px);}
#about .about-image img {width: 100%;
  max-width: 560px;
  height: auto;
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);}
#about .about-content {max-width: 720px;}
@media (max-width: 1024px){#about .about-container {flex-direction: column;
    text-align: center;}#about .about-content {max-width: 800px;}}
@media (max-width: 900px){#about {padding-inline: clamp(12px, 4vw, 24px);}#about .about-image img {max-width: 100%;}#about .about-content p {text-align: left;}}
#about .about-image, #about .about-content {opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.8s ease, transform 0.8s ease;
  will-change: opacity, transform;}
#about.in-view .about-image, #about.in-view .about-content {opacity: 1;
  transform: translateY(0);}
#about .link-zl a, #oferta .link-zl a, #zespol .link-zl a {position: relative;
  transition: background-color 0.3s ease, transform 0.2s ease;}
#about .link-zl a:hover, #oferta .link-zl a:hover, #zespol .link-zl a:hover {transform: translateY(-2px);
  background-color: var(--accent-hover, #ff6f61);}
.site-header {position: sticky;
  top: 0;
  z-index: 1000;
  backdrop-filter: saturate(180%) blur(10px);
  background: rgba(255,255,255,0.75);
  border-bottom: 1px solid rgba(0,0,0,0.06);
  transition: box-shadow .2s ease, background .2s ease;}
.site-header.scrolled {background: rgba(255,255,255,0.92);
  box-shadow: 0 6px 20px rgba(0,0,0,.06);}
.site-header .nav-wrap {max-width: 1200px;
  margin: 0 auto;
  padding: 12px clamp(12px, 4vw, 24px);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;}
.brand {display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;}
.brand-mark {width: 36px; height: 36px;
  display: inline-grid; place-items: center;
  border-radius: 10px;}
.site-nav ul {display: flex;
  justify-content: center;
  gap: clamp(14px, 2.4vw, 28px);
  list-style: none;
  margin: 0;
  padding: 0;}
.site-nav a {text-decoration: none;
  color: #22302e;
  font-weight: 600;
  padding: 8px 6px;
  border-radius: 8px;
  transition: color .2s ease, background .2s ease;}
.site-nav a:hover {color: #028f7b;}
.site-nav a.active {color: #028f7b; background: rgba(0,195,165,.08);}
.menu-toggle .bar {width: 20px; height: 2px; background: #00c3a5; display: block;}
@media (max-width: 900px){.site-nav {position: fixed;
    top: 64px;
    right: 12px;
    left: 12px;
    background: #fff;
    border: 1px solid rgba(0,0,0,.06);
    border-radius: 14px;
    box-shadow: 0 16px 36px rgba(0,0,0,.12);
    padding: 12px;
    transform: translateY(-12px);
    opacity: 0;
    pointer-events: none;
    transition: opacity .2s ease, transform .2s ease;}.site-nav ul {flex-direction: column;
    gap: 6px;}.site-nav.open {transform: translateY(0);
    opacity: 1;
    pointer-events: auto;}body.nav-open {overflow: hidden;}}
header.site-header {position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 1200;
  background: rgba(255,255,255,0.95);
  backdrop-filter: blur(8px);}
body.has-fixed-header {padding-top: var(--header-height, 72px);}
#toggleMenu {display:none; position:fixed; inset:0; z-index:1100; background: rgba(15,43,46,.96); backdrop-filter: blur(10px);}
#toggleMenu.open {display:flex;}
#about {margin-top:0!important}
#about .about-container[data-animate] {opacity: 1 !important; transform: none !important;}
#about {margin-top: 0 !important; padding: clamp(40px, 6vw, 80px) 0;}
#about .about-image img {max-width: 100%; height: auto; display: block; border-radius: 12px;}
#about .about-content {max-width: 780px;}
#about .about-content h2 {margin-top: 0; margin-bottom: 16px;}
#about .about-content p {margin: 0 auto;}
#menuIcon .bar {display: block;
  width: 22px;
  height: 2px;
  border-radius: 2px;
  background: #ffffff;
  transition: transform .25s ease, opacity .2s ease, top .25s ease, bottom .25s ease;}
#menuIcon.is-open .bar:nth-child(1) {transform: translateY(7px) rotate(45deg);}
#menuIcon.is-open .bar:nth-child(2) {opacity: 0;}
#menuIcon.is-open .bar:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}
#toggleMenu.slide-in ~ #menuIcon, body.nav-open #menuIcon.is-open {position: fixed;
  top: 12px;
  right: 12px;
  z-index: 10030;}
#toggleMenu .nav-close {display: none !important;}
@media (min-width: 901px){#menuIcon {display: none !important;}}
@media (max-width: 900px){#menuIcon {display: inline-flex;}}
@media (max-width: 900px){#menuIcon {display:inline-flex !important;}.site-header .site-nav {display:none !important;}body.nav-open #menuIcon {position:fixed; top:12px; right:12px; z-index:10030;}}
@media (max-width: 900px){#menuIcon {display:inline-flex !important;
    position:fixed !important;
    top:12px; right:12px;
    z-index:9999 !important;}#menuIcon .bar {background:#0f2b2e;}body.nav-open #menuIcon .bar {background:#ffffff;}.nav-backdrop {z-index:9997 !important;}}
.nav-backdrop {position: fixed;
  inset: 0;
  background: rgba(0,0,0,.45);
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease;
  z-index: 10010;}
.nav-backdrop.is-visible {opacity:1; pointer-events:auto;}
#toggleMenu.slide-in {display:flex; transform: translateX(0);}
#toggleMenu.slide-out {display:flex; transform: translateX(-100%);}
#menuIcon {display: inline-flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 44px; height: 44px;
  padding: 0;
  background: red;
  border: 0;
  cursor: pointer;}
#menuIcon .bar {width: 24px; height: 2px;
  border-radius: 2px;
  background: #fff;
  transition: transform .25s ease, opacity .2s ease;}
#menuIcon.is-open .bar:nth-child(1) {transform: translateY(7px) rotate(45deg);}
#menuIcon.is-open .bar:nth-child(2) {opacity:0;}
#menuIcon.is-open .bar:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}
.nav-backdrop {position: fixed; inset: 0;
  background: rgba(0,0,0,.45);
  opacity: 0; pointer-events: none;
  transition: opacity .3s ease;
  z-index: 10010;}
.nav-backdrop.is-visible {opacity:1; pointer-events:auto;}
#toggleMenu {position: fixed; top:0; left:0;
  width:100%; height:100vh;
  background:#0f2b2e;
  display:none;
  transform: translateX(-100%);
  transition: transform .35s ease;
  z-index:10020;
  padding:24px 16px; box-sizing:border-box;
  overflow-y:auto;}
#toggleMenu.slide-in {display:flex; transform: translateX(0);}
#toggleMenu.slide-out {display:flex; transform: translateX(-100%);}
#menuIcon {display:inline-flex;
  flex-direction:column; align-items:center; justify-content:center;
  gap:5px; width:44px; height:44px;
  padding:0; background:transparent; border:0; cursor:pointer;}
#menuIcon .bar {width:24px; height:2px; border-radius:2px;
  background:#03a38b;
  transition: transform .25s ease, opacity .2s ease, background-color .2s ease;}
#menuIcon.is-open .bar:nth-child(1) {transform: translateY(7px) rotate(45deg);}
#menuIcon.is-open .bar:nth-child(2) {opacity:0;}
#menuIcon.is-open .bar:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}
@media (max-width: 900px){#menuIcon {position:fixed; top:12px; right:12px;
    z-index:20001;}.site-header .site-nav {display:none !important;}body.nav-open #menuIcon .bar {background:#fff;}body.nav-open .site-header {background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    position:relative; z-index:20000;}}
#about > .box p {font-size: 1.2rem; width: 100%; text-align: justify;}
.hero-text h1 {font-size: 2rem; color:#22302e; margin-bottom:1rem;}
@media (max-width: 420px){.hero-text h1 {font-size: 1.6rem;}}
@media (max-width: 900px){body.nav-open #menuIcon .bar:nth-child(1) {transform: translateY(7px) rotate(45deg);}body.nav-open #menuIcon .bar:nth-child(2) {opacity: 0;}body.nav-open #menuIcon .bar:nth-child(3) {transform: translateY(-7px) rotate(-45deg);}}
@media (max-width: 900px){#toggleMenu.slide-in, body.nav-open #toggleMenu {display: flex !important;
    flex-direction: column;
    align-items: center;   
    justify-content: center;}#toggleMenu ul {display: flex;
    list-style: none;      
    padding: 0;
    width: clamp(260px, 90vw, 520px);
    align-content: center;
    justify-items: center;
    align-items: center;}}
@media (max-width: 900px){body.nav-open .site-header {position: fixed !important;
    top: 0; left: 0; right: 0;
    margin: 0 auto;
    background: var(--third-color) !important; 
    box-shadow: none !important;
    z-index: 20000 !important;}body.nav-open #menuIcon {position: fixed !important;
    top: max(8px, env(safe-area-inset-top, 0px));
    right: max(12px, env(safe-area-inset-right, 0px));
    z-index: 20001 !important;}}
@media (max-width: 900px){.hero {max-width: 100% !important;}}
@media (max-width: 900px){#toggleMenu {position: fixed; inset: 0;}#toggleMenu.slide-in, body.nav-open #toggleMenu {display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: max(56px, env(safe-area-inset-top)) 16px 24px;
    gap: 16px;}#toggleMenu ul {position: static;
    top: auto;
    width: min(92vw, 520px);
    height: auto;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: flex-start;
    align-items: stretch;}#toggleMenu li {margin: 0;}#toggleMenu li a {display: block;
    width: 100%;
    padding: 14px 18px;            
    font-size: 1.05rem;
    border-radius: 10px;
    border: 1px solid #00c3a5;
    color: #eef5f4;
    text-align: center;}}
@media (max-width: 900px){#about h2, .values-section h2, .founders h2, .hero-o-nas-content h1 {font-size: clamp(1.25rem, 4.6vw, 1.75rem) !important;}#about > .box p {font-size: 1.05rem !important;}#oferta p, .team-bio h3, #zespol > .team-container > .team-member > p.link-zl a {font-size: clamp(.95rem, 1.9vw, 1.1rem) !important;}}
@media (max-width: 900px){.social-icons a, .footer-section > .social-icons-footer a {width: auto !important;
    min-width: 40px;
    min-height: 40px;
    padding: 10px;
    font-size: 1.25rem;
    border-radius: 12px;}}
@media (max-width: 900px){#menuIcon {display: inline-flex !important;
    position: fixed !important;
    top: max(10px, env(safe-area-inset-top));
    right: max(12px, env(safe-area-inset-right));
    z-index: 20001 !important;}body.nav-open #menuIcon .bar {background:#fff !important;}}
@media (max-width: 900px){main {padding: 16px !important; margin: 20px auto !important;}#oferta, #zespol {padding-inline: 16px !important;}}
html, body {margin: 0;}
img {max-width: 100%; height: auto;}
:root {--phone-max: 520px;              
  --pad-outer: 16px;}
@media (max-width: 900px){main {padding-inline: var(--pad-outer) !important;}.hero {max-width: 100% !important;}#toggleMenu {position: fixed; inset: 0;}#toggleMenu.slide-in, body.nav-open #toggleMenu {display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: max(56px, env(safe-area-inset-top, 0px)) var(--pad-outer) 24px;
    overflow-y: auto;}#toggleMenu ul {list-style: none;
    margin: 0 auto;
    padding: 0;
    width: min(92vw, var(--phone-max));
    display: flex; flex-direction: column; gap: 12px;}#toggleMenu li {margin: 0;}#toggleMenu li a {display: block; width: 100%;
    min-height: 44px;               
    padding: 14px 18px;
    text-align: center;
    border-radius: 12px;
    border: 1px solid #00c3a5;
    color: #eef5f4;}#menuIcon {display: inline-flex !important;
    position: fixed !important;
    top: max(10px, env(safe-area-inset-top, 0px));
    right: max(12px, env(safe-area-inset-right, 0px));
    z-index: 20001 !important;}body.nav-open #menuIcon .bar {background:#fff !important;}.social-icons a, .footer-section > .social-icons-footer a {min-width: 40px; min-height: 40px;
    padding: 10px;
    font-size: 1.25rem;
    border-radius: 12px;}main h1 {font-size: clamp(1.8rem, 5.2vw, 2.4rem);}main h2 {font-size: clamp(1.3rem, 4.4vw, 1.75rem);}main h3 {font-size: clamp(1.05rem, 3.6vw, 1.3rem);}main p, main li {font-size: clamp(.98rem, 3.4vw, 1.08rem); line-height: 1.55;}}
@media (max-width: 360px){:root {--pad-outer: 14px;}main h1 {font-size: clamp(1.7rem, 6.4vw, 2.1rem);}#toggleMenu ul {gap: 10px;}#toggleMenu li a {padding: 12px 14px; font-size: 1rem;}.hero-text h1 {word-break: normal; hyphens: auto;}}
@media (min-width: 361px) and (max-width: 374px){:root {--pad-outer: 16px;}main h1 {font-size: clamp(1.75rem, 6vw, 2.2rem);}}
@media (min-width: 375px) and (max-width: 389px){main h1 {font-size: clamp(1.85rem, 5.4vw, 2.35rem);}#toggleMenu li a {font-size: 1.05rem;}}
@media (min-width: 390px) and (max-width: 413px){main h1 {font-size: clamp(1.95rem, 5vw, 2.45rem);}#toggleMenu ul {width: min(90vw, 560px);}}
@media (min-width: 414px) and (max-width: 427px){main h1 {font-size: clamp(2rem, 4.8vw, 2.6rem);}#toggleMenu li a {padding: 15px 20px; font-size: 1.08rem;}}
@media (min-width: 428px) and (max-width: 480px){main h1 {font-size: clamp(2.1rem, 4.6vw, 2.7rem);}main h2 {font-size: clamp(1.45rem, 4.2vw, 1.9rem);}#toggleMenu ul {width: min(88vw, 600px);}}
@media (max-width: 900px) and (orientation: landscape){#toggleMenu.slide-in, body.nav-open #toggleMenu {justify-content: flex-start;
    padding-top: max(32px, env(safe-area-inset-top, 0px));
    gap: 10px;}#toggleMenu ul {width: min(92vw, 560px);}#toggleMenu li a {padding: 12px 14px;}}
@media (max-width: 900px){#about h2, .values-section h2, .founders h2, .hero-o-nas-content h1 {font-size: clamp(1.25rem, 4.6vw, 1.75rem) !important;}#about > .box p {font-size: 1.06rem !important;}#oferta p, .team-bio h3, #zespol > .team-container > .team-member > p.link-zl a {font-size: clamp(.97rem, 2.2vw, 1.12rem) !important;
    text-align: center;}}
@supports (padding: max(0px)){body {padding-left: max(0px, env(safe-area-inset-left)); padding-right: max(0px, env(safe-area-inset-right));}body.nav-open #menuIcon {top: max(10px, env(safe-area-inset-top)); right: max(12px, env(safe-area-inset-right));}#toggleMenu.slide-in, body.nav-open #toggleMenu {padding-top: max(56px, env(safe-area-inset-top));}}
@media (max-width: 900px){body, main {padding-inline: 16px !important;}.hero, #about, #oferta, #zespol, .values-section, .founders {padding-inline: 16px !important;}.hero > *, #about > .box, #oferta > .box, .values-section > *, .founders > * {max-width: 700px;
    margin-inline: auto !important;}h3, .role, .link-zl {text-align: center;}}
h1 {font-weight: 700;
  font-size: clamp(1.8rem, 4vw, 2.5rem);
  color: #00c3a5;
  background: linear-gradient(90deg, #00c3a5 0%, #109980 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.5em;
  line-height: 1.2;}
.modern-oferta-section {padding: 40px 0;}
.modern-oferta-section h2 {text-align: center; margin: 0 0 24px;}
.modern-oferta-grid {display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 28px;
  width: min(1200px, 100%);
  margin: 0 auto;
  padding: 0 16px;}
.modern-oferta-grid [data-animate], .modern-oferta-grid .oferta-card {opacity:1 !important; transform:none !important; visibility:visible !important;}
.modern-oferta-grid .oferta-card {display:flex; flex-direction:column; align-items:center; text-align:center;}
.modern-oferta-grid .oferta-card img {display:block; width:100%; height:auto; border-radius:12px; margin-bottom:16px;}
@media (max-width: 900px){.modern-oferta-grid {gap:20px;}.modern-oferta-grid .oferta-card {align-items:center; text-align:center;}.modern-oferta-grid .oferta-card a {padding:10px 0; display:inline-block;}}
@media (max-width: 900px){body, main {padding-inline: 16px !important;}.therapist-hero, .therapist-section, .modern-oferta-section {padding-inline:16px !important;}.therapist-hero > *, .therapist-section > *, .modern-oferta-section > * {max-width: 800px; margin-inline:auto !important;}}
:root {--crumb-bg: rgba(255,255,255,.75);
  --crumb-border: rgba(0,0,0,.06);
  --crumb-shadow: 0 6px 16px rgba(0,0,0,.06);}
.page-breadcrumbs {position: sticky; top: 0; z-index: 1000;
  backdrop-filter: saturate(160%) blur(8px);
  background: transparent;
  background-color: #00b3b3;}
.page-breadcrumbs .crumbs {max-width: 600px;
  margin: 0 auto;
  padding: 10px clamp(12px, 4vw, 24px);
  list-style: none;
  display: flex; align-items: center; gap: 10px;}
.page-breadcrumbs .crumbs li {display: inline-flex; align-items: left; color: var(--primary-color);}
.page-breadcrumbs .crumbs li + li::before {content: "›";
  margin: 0 8px;
  color: #8aa19e;
  opacity: .9;}
.page-breadcrumbs .crumbs a {display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 12px;
  background: var(--crumb-bg);
  border: 1px solid var(--crumb-border);
  border-radius: 999px;
  color: var(--primary-color);
  text-decoration: none;
  font-weight: 700;
  box-shadow: var(--crumb-shadow);
  transition: background .2s ease, color .2s ease, transform .2s ease, box-shadow .2s ease;}
.page-breadcrumbs .crumbs a:hover {background: #fff;
  color: var(--third-color);
  transform: translateY(-1px);
  box-shadow: 0 10px 22px rgba(0,0,0,.08);}
.page-breadcrumbs .crumbs li[aria-current="page"] {font-weight: 700;
  color: var(--primary-color);
  padding: 8px 0;}
@media (max-width: 900px){.page-breadcrumbs .crumbs {padding: 8px 12px; gap: 6px;}.page-breadcrumbs .crumbs a {padding: 8px 10px;}.page-breadcrumbs .crumbs li[aria-current="page"] {white-space: wrap; overflow: hidden; text-overflow: ellipsis; max-width: 100vw;}}
.hero-o-nas {padding: clamp(24px, 5vw, 56px) 0;}
.hero-o-nas-content {max-width: 1100px; margin: 0 auto; padding: 0 16px; text-align: center;}
.hero-o-nas .hero-logo-wrap {display: flex; justify-content: center; margin-bottom: 14px;}
.hero-o-nas .hero-logo {max-width: 240px; height: auto;}
.values-section {padding: clamp(28px, 6vw, 72px) 0;}
.values-section h2 {text-align: center; margin-bottom: 22px;}
.values-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(220px,1fr)); gap: 22px; max-width: 1100px; margin: 0 auto; padding: 0 16px;}
.value-box {background: rgba(255,255,255,.8); border: 1px solid rgba(0,0,0,.06); border-radius: 16px; padding: 18px; text-align: center;}
.value-box i {font-size: 1.6rem; margin-bottom: 8px; color: var( #00c3a5); display: inline-block;}
.founders {padding: clamp(28px, 6vw, 72px) 0;}
.founders h2 {text-align: center; margin-bottom: 22px;}
.founders-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(200px,1fr)); gap: 22px; max-width: 1100px; margin: 0 auto; padding: 0 16px;}
.founder {text-align: center;}
.founder img {width: 100%; height: auto; border-radius: 14px; margin-bottom: 10px;}
.about-wrapper {padding: clamp(28px, 6vw, 72px) 0;}
.about-text {max-width: 900px; margin: 0 auto; padding: 0 16px;}
.about-text h2 {text-align: center; margin-bottom: 14px;}
.about-text p {margin: 0 0 12px; line-height: 1.6;}
@media (max-width: 900px){.values-grid, .founders-grid {gap: 16px;}.hero-o-nas .hero-logo {max-width: 96px;}}
@media (max-width: 600px){.founders-grid {display: flex; justify-self:center;}}
.about-lead {max-width:70ch;
  margin:2rem auto;
  padding:0 1rem;
  font-size:1.125rem;
  line-height:1.9;}
.about-lead h1, .about-lead h2, .about-lead h3 {font-size:1.75rem;
  line-height:1.3;
  margin-bottom:1rem;}
.about-lead p+p {margin-top:1rem;}
@media (min-width:992px){.about-lead {font-size:1.1875rem;}.about-lead h1, .about-lead h2, .about-lead h3 {font-size:2rem;}}