.wpl-firma--onas {
--wpl-onas-y: clamp(4rem, 3.071rem + 3.81vw, 6.5rem);
--wpl-onas-card-title: clamp(1.125rem, 1.079rem + 0.19vw, 1.25rem);
--wpl-onas-card-text: clamp(0.9375rem, 0.914rem + 0.095vw, 1rem);
}
.wpl-firma--onas .wpl-onas-nav {
gap: 8px;
}
.wpl-firma--onas .wpl-onas-nav__label {
margin: 0;
color: var(--wpl-tyrkys-text);
font-size: var(--wpl-fs-eyebrow);
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.wpl-firma--onas .wpl-onas-nav__list {
margin: 0;
padding: 0;
list-style: none;
}
.wpl-firma--onas .wpl-onas-nav__link {
display: flex;
flex-direction: column;
gap: 4px;
min-height: 44px;
padding-block: 16px;
border-top: 1px solid var(--wpl-line);
color: var(--wpl-text);
text-decoration: none;
}
.wpl-firma--onas .wpl-onas-nav__item:last-child .wpl-onas-nav__link {
padding-bottom: 0;
}
.wpl-firma--onas .wpl-onas-nav__title {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: var(--wpl-onas-card-title);
font-weight: 700;
line-height: 1.3;
text-decoration: underline;
text-decoration-color: transparent;
text-decoration-thickness: 2px;
text-underline-offset: 5px;
transition: text-decoration-color var(--wpl-transition);
}
.wpl-firma--onas .wpl-onas-nav__arrow {
display: inline-flex;
flex-shrink: 0;
color: var(--wpl-tyrkys);
transition: transform var(--wpl-transition);
}
.wpl-firma--onas .wpl-onas-nav__text {
color: var(--wpl-text-muted);
font-size: 0.9375rem;
line-height: 1.5;
}
.wpl-firma--onas .wpl-onas-nav__link:hover .wpl-onas-nav__title {
text-decoration-color: var(--wpl-tyrkys);
}
.wpl-firma--onas .wpl-onas-nav__link:hover .wpl-onas-nav__arrow {
transform: translateX(4px);
}
.wpl-firma--onas .wpl-firma__content {
max-width: none;
}
.wpl-firma--onas .wpl-firma__content > .wpl-onas-band,
.wpl-firma--onas .wpl-firma__content > .wpl-onas-stats {
max-width: none;
margin: 0;
}
.wpl-firma--onas .wpl-firma__content > :not(.wpl-onas-band, .wpl-onas-stats) {
max-width: min(100% - 2 * var(--wpl-gutter), var(--wpl-text-col));
margin-inline: auto;
}
.wpl-firma--onas .wpl-firma__content > :not(.wpl-onas-band, .wpl-onas-stats):first-child,
.wpl-firma--onas .wpl-firma__content > :is(.wpl-onas-band, .wpl-onas-stats) + :not(.wpl-onas-band, .wpl-onas-stats) {
margin-top: var(--wpl-onas-y);
}
.wpl-firma--onas .wpl-firma__content > :not(.wpl-onas-band, .wpl-onas-stats):last-child {
margin-bottom: var(--wpl-onas-y);
}
.wpl-firma--onas .wpl-firma__content > :not(.wpl-onas-band, .wpl-onas-stats) + :is(.wpl-onas-band, .wpl-onas-stats) {
margin-top: var(--wpl-onas-y);
}
.wpl-firma--onas .wpl-onas-band {
padding-block: var(--wpl-onas-y);
}
.wpl-firma--onas .wpl-onas-band--person {
background: var(--wpl-bg-soft);
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-band :is(.wpl-onas-story, .wpl-onas-values, .wpl-onas-person) > * {
margin: 0;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-band .wpl-eyebrow {
align-self: flex-start;
margin: 0;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-band h2 {
margin: 0;
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: var(--wpl-fs-h2);
font-weight: 700;
line-height: 1.08;
letter-spacing: -0.03em;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-story .wp-block-columns {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 28px;
margin: 0;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-story .wp-block-column {
display: flex;
flex-direction: column;
gap: 22px;
min-width: 0;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-story .wp-block-column:first-child {
gap: 12px;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-story .wp-block-column > * {
margin: 0;
}
.wpl-firma--onas .wpl-onas-stats {
padding-block: clamp(3rem, 2.071rem + 3.81vw, 5.5rem);
background: var(--wpl-bg-soft);
}
.wpl-firma--onas .wpl-onas-stats__list {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
margin: 0;
padding: 0;
list-style: none;
}
.wpl-firma--onas .wpl-onas-stats__item {
display: flex;
flex-direction: column;
gap: 6px;
min-width: 0;
margin: 0;
padding-top: 20px;
border-top: 2px solid var(--wpl-tyrkys);
}
.wpl-firma--onas .wpl-onas-stats__value {
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: clamp(2.5rem, 1.943rem + 2.286vw, 4rem);
font-weight: 800;
line-height: 1;
letter-spacing: -0.04em;
}
.wpl-firma--onas .wpl-onas-stats__label {
color: var(--wpl-text-muted);
font-size: clamp(0.875rem, 0.829rem + 0.19vw, 1rem);
line-height: 1.45;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-values {
display: flex;
flex-direction: column;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-values > .wpl-eyebrow + h2 {
margin-top: 12px;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-values > .wp-block-columns {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
margin-top: 16px;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-values .wp-block-column {
display: flex;
flex-direction: column;
gap: 12px;
min-width: 0;
padding: 20px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-card);
background: var(--wpl-bg);
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-values .wp-block-column > * {
margin: 0;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-values .wp-block-column::before {
content: "";
flex-shrink: 0;
width: 44px;
height: 44px;
border-radius: var(--wpl-radius-field);
background: var(--wpl-tyrkys-tinta) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B63' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 22px no-repeat;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-values .wp-block-column:nth-child(1)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B63' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18h6M10 22h4'/%3E%3Cpath d='M12 2a7 7 0 0 0-4 12.7V17h8v-2.3A7 7 0 0 0 12 2z'/%3E%3C/svg%3E");
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-values .wp-block-column:nth-child(2)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B63' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m11 17 2 2a1 1 0 0 0 1.4 0l4.6-4.6a1 1 0 0 0 0-1.4L14 8'/%3E%3Cpath d='m2 12 4-4 4 1 3-3 7 7'/%3E%3Cpath d='m7 13 3 3'/%3E%3Cpath d='M2 12l5 5'/%3E%3C/svg%3E");
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-values .wp-block-column:nth-child(3)::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B63' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m17 2 4 4-4 4'/%3E%3Cpath d='M3 11v-1a4 4 0 0 1 4-4h14M7 22l-4-4 4-4'/%3E%3Cpath d='M21 13v1a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E");
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-values h3 {
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: var(--wpl-onas-card-title);
font-weight: 700;
line-height: 1.35;
letter-spacing: -0.01em;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-values .wp-block-column p {
color: var(--wpl-text-muted);
font-size: var(--wpl-onas-card-text);
line-height: 1.55;
}
.wpl-firma--onas .wpl-onas-band__grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 20px;
align-items: center;
}
.wpl-firma--onas .wpl-onas-avatar__initials {
display: flex;
align-items: center;
justify-content: center;
width: 96px;
height: 96px;
border-radius: 50%;
background: var(--wpl-tyrkys-tinta);
color: var(--wpl-tyrkys-text);
font-family: var(--wpl-font-heading);
font-size: 2rem;
font-weight: 800;
line-height: 1;
letter-spacing: -0.02em;
}
.wpl-firma--onas .wpl-onas-band__main {
display: flex;
flex-direction: column;
gap: 14px;
min-width: 0;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-band__main > * {
margin: 0;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-person {
display: flex;
flex-direction: column;
gap: 14px;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-person p:not(.wpl-eyebrow) {
font-size: clamp(1rem, 0.954rem + 0.19vw, 1.125rem);
line-height: 1.65;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-person > h2 + p.wpl-onas-person__role {
margin-top: -8px;
color: var(--wpl-tyrkys-text);
font-weight: 600;
line-height: 1.4;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-person > p:last-child:not(.wpl-eyebrow, .wpl-onas-person__role) {
color: var(--wpl-text-muted);
}
.wpl-firma--onas .wpl-onas-contacts {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 4px;
padding-top: 12px;
border-top: 1px solid var(--wpl-line-strong);
}
.wpl-firma--onas .wpl-onas-contacts__link {
display: inline-flex;
align-items: center;
min-height: 44px;
color: var(--wpl-navy);
font-size: 1rem;
font-weight: 600;
text-decoration: underline;
text-decoration-color: transparent;
text-decoration-thickness: 2px;
text-underline-offset: 5px;
transition: text-decoration-color var(--wpl-transition);
}
.wpl-firma--onas .wpl-onas-contacts__link:hover,
.wpl-firma--onas .wpl-onas-contacts__link:focus-visible {
color: var(--wpl-navy);
text-decoration-color: var(--wpl-tyrkys);
}
.wpl-firma--onas .wpl-onas-company {
padding-block: clamp(2.5rem, 1.757rem + 3.048vw, 4.5rem);
}
.wpl-firma--onas .wpl-onas-company__card {
display: flex;
flex-direction: column;
gap: 14px;
padding: 22px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-card);
}
.wpl-firma--onas .wpl-onas-company__title {
margin: 0;
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: var(--wpl-fs-h4);
font-weight: 700;
line-height: 1.35;
}
.wpl-firma--onas .wpl-onas-company__body {
display: flex;
flex-direction: column;
gap: 16px;
min-width: 0;
}
.wpl-firma--onas .wpl-onas-company__list {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 14px;
margin: 0;
}
.wpl-firma--onas .wpl-onas-company__item {
display: flex;
flex-direction: column;
gap: 2px;
min-width: 0;
}
.wpl-firma--onas .wpl-onas-company__label {
color: var(--wpl-text-muted);
font-size: 0.75rem;
font-weight: 700;
line-height: 1.5;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.wpl-firma--onas .wpl-onas-company__value {
margin: 0;
color: var(--wpl-navy);
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
overflow-wrap: anywhere;
}
.wpl-firma--onas .wpl-onas-company__note {
display: block;
color: var(--wpl-text-muted);
font-size: var(--wpl-fs-small);
font-weight: 400;
}
.wpl-firma--onas .wpl-onas-company__register {
margin: 0;
padding-top: 14px;
border-top: 1px solid var(--wpl-line);
color: var(--wpl-text-muted);
font-size: var(--wpl-fs-small);
line-height: 1.55;
}
@media (min-width: 768px) {
.wpl-firma--onas .wpl-onas-stats__list {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 24px;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-values > .wp-block-columns {
margin-top: 32px;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-values .wp-block-column {
padding: 24px;
}
.wpl-firma--onas .wpl-onas-contacts {
flex-direction: row;
flex-wrap: wrap;
align-items: center;
gap: 4px 28px;
padding-top: 16px;
}
.wpl-firma--onas .wpl-onas-company__list {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px 24px;
}
}
@media (min-width: 1024px) {
.wpl-firma--onas .wpl-firma__content .wpl-onas-story .wp-block-columns {
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 24px;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-story .wp-block-column:first-child {
grid-column: 1 / span 4;
gap: 16px;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-story .wp-block-column:not(:first-child) {
grid-column: 6 / span 7;
}
.wpl-firma--onas .wpl-onas-stats__list {
gap: 32px;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-values > .wpl-eyebrow + h2 {
margin-top: 16px;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-values > .wp-block-columns {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
margin-top: 48px;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-values .wp-block-column {
gap: 18px;
padding: 32px;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-values .wp-block-column::before {
width: 48px;
height: 48px;
background-size: 24px;
}
.wpl-firma--onas .wpl-onas-band__grid {
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 24px 32px;
}
.wpl-firma--onas .wpl-onas-avatar {
grid-column: 1 / span 5;
display: flex;
align-items: center;
justify-content: center;
min-height: 340px;
border-radius: var(--wpl-radius-panel);
background-color: var(--wpl-tyrkys-tinta);
background-image:
linear-gradient(rgba(53, 140, 131, 0.1) 1px, transparent 1px),
linear-gradient(90deg, rgba(53, 140, 131, 0.1) 1px, transparent 1px);
background-size: 24px 24px;
}
.wpl-firma--onas .wpl-onas-avatar__initials {
width: 168px;
height: 168px;
background: var(--wpl-bg);
box-shadow: 0 8px 24px rgba(8, 42, 66, 0.08);
font-size: 3.5rem;
}
.wpl-firma--onas .wpl-onas-band__main {
grid-column: 7 / span 6;
gap: 18px;
}
.wpl-firma--onas .wpl-onas-band__main:only-child {
grid-column: 1 / span 8;
}
.wpl-firma--onas .wpl-firma__content .wpl-onas-person {
gap: 18px;
}
.wpl-firma--onas .wpl-onas-company__card {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 24px;
padding: 32px;
border-radius: 16px;
}
.wpl-firma--onas .wpl-onas-company__title {
grid-column: 1 / span 3;
}
.wpl-firma--onas .wpl-onas-company__body {
grid-column: 4 / span 9;
}
.wpl-firma--onas .wpl-onas-company__list {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
}
@media (prefers-reduced-motion: reduce) {
.wpl-firma--onas .wpl-onas-nav__title,
.wpl-firma--onas .wpl-onas-nav__arrow,
.wpl-firma--onas .wpl-onas-contacts__link {
transition: none;
}
.wpl-firma--onas .wpl-onas-nav__link:hover .wpl-onas-nav__arrow {
transform: none;
}
}
.wpl-firma--agentury {
--wpl-ag-fs-big: clamp(2.5rem, 1.943rem + 2.286vw, 4rem);
--wpl-ag-head-gap: clamp(2rem, 1.629rem + 1.524vw, 3rem);
--wpl-ag-block-gap: clamp(2.5rem, 2.214rem + 1.19vw, 3.5rem);
--wpl-ag-i-check: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B63' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
--wpl-ag-i-shield: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B63' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E");
--wpl-ag-i-tool: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B63' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.8-3.8a6 6 0 0 1-7.9 7.9l-6.9 6.9a2.1 2.1 0 0 1-3-3l6.9-6.9a6 6 0 0 1 7.9-7.9z'/%3E%3C/svg%3E");
--wpl-ag-i-code: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B63' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m16 18 6-6-6-6'/%3E%3Cpath d='m8 6-6 6 6 6'/%3E%3C/svg%3E");
--wpl-ag-i-help: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B63' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9.1 9a3 3 0 0 1 5.8 1c0 2-3 3-3 3'/%3E%3Cpath d='M12 17h.01'/%3E%3C/svg%3E");
--wpl-ag-i-users: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B63' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='8' r='4'/%3E%3Cpath d='M2 21v-1a6 6 0 0 1 6-6h2a6 6 0 0 1 6 6v1'/%3E%3Cpath d='M16 3.1a4 4 0 0 1 0 7.8M22 21v-1a6 6 0 0 0-4-5.7'/%3E%3C/svg%3E");
--wpl-ag-i-mail: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B63' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3Cpath d='m22 7-10 6L2 7'/%3E%3C/svg%3E");
--wpl-ag-i-file: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B63' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3v4a1 1 0 0 0 1 1h4'/%3E%3Cpath d='M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h7l5 5v11a2 2 0 0 1-2 2z'/%3E%3Cpath d='M9 13h6M9 17h4'/%3E%3C/svg%3E");
--wpl-ag-i-layers: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B63' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 10 5-10 5L2 7l10-5z'/%3E%3Cpath d='m2 17 10 5 10-5'/%3E%3Cpath d='m2 12 10 5 10-5'/%3E%3C/svg%3E");
--wpl-ag-i-layout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B63' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2'/%3E%3Cpath d='M3 9h18M9 21V9'/%3E%3C/svg%3E");
--wpl-ag-i-cart: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B63' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='20' r='1.5'/%3E%3Ccircle cx='18' cy='20' r='1.5'/%3E%3Cpath d='M2 3h3l2.7 12.4a2 2 0 0 0 2 1.6h7.6a2 2 0 0 0 2-1.5L21 7H6'/%3E%3C/svg%3E");
--wpl-ag-i-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23082A42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
--wpl-ag-i-chevron-light: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
.wpl-firma--agentury .wpl-firma-agentury__tasks-card {
gap: 12px;
padding: 20px;
}
.wpl-firma--agentury .wpl-firma-agentury__tasks-title {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: var(--wpl-fs-h4);
font-weight: 700;
line-height: 1.35;
}
.wpl-firma--agentury .wpl-firma-agentury__tasks-title .wpl-icon {
flex-shrink: 0;
color: var(--wpl-tyrkys-text);
}
.wpl-firma--agentury .wpl-firma-agentury__tasks-list {
display: flex;
flex-direction: column;
gap: 12px;
margin: 0;
padding: 0;
list-style: none;
}
.wpl-firma--agentury .wpl-firma-agentury__task {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px 12px;
padding: 14px;
border-radius: var(--wpl-radius-field);
background: var(--wpl-bg-soft);
font-size: 0.9375rem;
line-height: 1.4;
}
.wpl-firma--agentury .wpl-firma-agentury__task-name {
min-width: 0;
color: var(--wpl-navy);
font-weight: 600;
}
.wpl-firma--agentury .wpl-firma-agentury__tasks-note {
margin: 0;
color: var(--wpl-text-muted);
font-size: 0.8125rem;
line-height: 1.5;
}
.wpl-firma--agentury .wpl-content > .wpl-firma-agentury__section {
max-width: none;
margin: 0;
padding: var(--wpl-section-y) max(var(--wpl-gutter), (100% - var(--wpl-wrap)) / 2);
}
.wpl-firma--agentury .wpl-content > .wpl-firma-agentury__section--soft {
background: var(--wpl-bg-soft);
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__section.wp-block-group > * {
margin-block: 0;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__section.wp-block-group > * + * {
margin-block-start: 24px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__section.wp-block-group > .wpl-eyebrow + * {
margin-block-start: 16px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__section.wp-block-group > h2 + * {
margin-block-start: var(--wpl-ag-head-gap);
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__section.wp-block-group > .wpl-firma-agentury__with + * {
margin-block-start: var(--wpl-ag-block-gap);
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__section h2 {
font-size: var(--wpl-fs-h2);
line-height: 1.08;
letter-spacing: -0.03em;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__section h3 {
line-height: 1.3;
letter-spacing: -0.015em;
}
.wpl-firma--agentury .wpl-content :is(.wpl-firma-agentury__features, .wpl-firma-agentury__ways, .wpl-firma-agentury__with, .wpl-firma-agentury__stats, .wpl-firma-agentury__stack, .wpl-firma-agentury__prices, .wpl-firma-agentury__faq, .wpl-firma-agentury__quotes) {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 32px;
margin-bottom: 0;
}
.wpl-firma--agentury .wpl-content :is(.wpl-firma-agentury__features, .wpl-firma-agentury__ways, .wpl-firma-agentury__with, .wpl-firma-agentury__stats, .wpl-firma-agentury__stack, .wpl-firma-agentury__prices, .wpl-firma-agentury__faq) > .wp-block-column {
display: flex;
flex-direction: column;
gap: 14px;
min-width: 0;
}
.wpl-firma--agentury .wpl-content :is(.wpl-firma-agentury__features, .wpl-firma-agentury__ways, .wpl-firma-agentury__with, .wpl-firma-agentury__stats, .wpl-firma-agentury__stack, .wpl-firma-agentury__prices, .wpl-firma-agentury__faq) > .wp-block-column > *,
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__quotes > .wp-block-quote > * {
margin-block: 0;
}
.wpl-firma--agentury :is(.wpl-firma-agentury__features, .wpl-firma-agentury__ways, .wpl-firma-agentury__stack) > .wp-block-column::before {
content: "";
flex-shrink: 0;
width: 48px;
height: 48px;
border-radius: var(--wpl-radius-field);
background: var(--wpl-ag-icon, var(--wpl-ag-i-check)) center / 24px no-repeat, var(--wpl-tyrkys-tinta);
}
.wpl-firma--agentury .wpl-firma-agentury__features > .wp-block-column:nth-child(1) { --wpl-ag-icon: var(--wpl-ag-i-shield); }
.wpl-firma--agentury .wpl-firma-agentury__features > .wp-block-column:nth-child(2) { --wpl-ag-icon: var(--wpl-ag-i-tool); }
.wpl-firma--agentury .wpl-firma-agentury__features > .wp-block-column:nth-child(3) { --wpl-ag-icon: var(--wpl-ag-i-code); }
.wpl-firma--agentury .wpl-firma-agentury__features > .wp-block-column:nth-child(4) { --wpl-ag-icon: var(--wpl-ag-i-check); }
.wpl-firma--agentury .wpl-firma-agentury__features > .wp-block-column:nth-child(5) { --wpl-ag-icon: var(--wpl-ag-i-help); }
.wpl-firma--agentury .wpl-firma-agentury__ways > .wp-block-column:nth-child(1) { --wpl-ag-icon: var(--wpl-ag-i-users); }
.wpl-firma--agentury .wpl-firma-agentury__ways > .wp-block-column:nth-child(2) { --wpl-ag-icon: var(--wpl-ag-i-mail); }
.wpl-firma--agentury .wpl-firma-agentury__ways > .wp-block-column:nth-child(3) { --wpl-ag-icon: var(--wpl-ag-i-file); }
.wpl-firma--agentury .wpl-firma-agentury__stack > .wp-block-column:nth-child(1) { --wpl-ag-icon: var(--wpl-ag-i-layers); }
.wpl-firma--agentury .wpl-firma-agentury__stack > .wp-block-column:nth-child(2) { --wpl-ag-icon: var(--wpl-ag-i-layout); }
.wpl-firma--agentury .wpl-firma-agentury__stack > .wp-block-column:nth-child(3) { --wpl-ag-icon: var(--wpl-ag-i-cart); }
.wpl-firma--agentury .wpl-firma-agentury__stack > .wp-block-column:nth-child(4) { --wpl-ag-icon: var(--wpl-ag-i-code); }
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__features h3 {
font-size: 1.1875rem;
line-height: 1.25;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__features p {
color: var(--wpl-text-muted);
font-size: 0.9375rem;
line-height: 1.6;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__ways {
gap: 16px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__ways > .wp-block-column {
gap: 18px;
padding: 24px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-card);
background: var(--wpl-bg);
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__ways h3 {
font-size: 1.25rem;
line-height: 1.35;
letter-spacing: -0.01em;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__ways p {
color: var(--wpl-text-muted);
font-size: 1rem;
line-height: 1.55;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__with > .wp-block-column {
gap: 18px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__section .wpl-firma-agentury__with h2 {
font-size: var(--wpl-ag-fs-big);
font-weight: 800;
line-height: 1.02;
letter-spacing: -0.04em;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__with h2 em {
color: var(--wpl-tyrkys-text);
font-style: normal;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__with > .wp-block-column > p:not(.wpl-eyebrow) {
max-width: 600px;
color: var(--wpl-text-muted);
font-size: clamp(1.0625rem, 0.993rem + 0.286vw, 1.25rem);
line-height: 1.55;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__stats {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__stats > .wp-block-column {
gap: 6px;
padding-top: 20px;
border-top: 2px solid var(--wpl-tyrkys);
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__stats > .wp-block-column > p:first-child {
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: var(--wpl-ag-fs-big);
font-weight: 800;
line-height: 1;
letter-spacing: -0.04em;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__stats > .wp-block-column > p + p {
color: var(--wpl-text-muted);
font-size: 1rem;
line-height: 1.45;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__stack {
padding-top: 32px;
border-top: 2px solid var(--wpl-navy);
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__stack > .wp-block-column {
gap: 10px;
}
.wpl-firma--agentury .wpl-firma-agentury__stack > .wp-block-column::before {
width: 26px;
height: 26px;
border-radius: 0;
background: var(--wpl-ag-icon, var(--wpl-ag-i-check)) center / 26px no-repeat;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__stack h3 {
font-size: var(--wpl-fs-h4);
line-height: 1.35;
letter-spacing: 0;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__stack p {
color: var(--wpl-text-muted);
font-size: 1rem;
line-height: 1.55;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__prices {
gap: 16px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__prices > .wp-block-column {
gap: 20px;
padding: 24px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-panel);
background: var(--wpl-bg);
transition: border-color var(--wpl-transition), box-shadow var(--wpl-transition);
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__prices > .wp-block-column:hover {
border-color: var(--wpl-navy);
box-shadow: 0 0 0 1px var(--wpl-navy), 0 20px 40px rgba(8, 42, 66, 0.08);
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__prices h3 {
font-size: clamp(1.375rem, 1.329rem + 0.19vw, 1.5rem);
line-height: 1.2;
letter-spacing: -0.02em;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__prices p {
color: var(--wpl-text-muted);
font-size: 1rem;
line-height: 1.5;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__prices p.wpl-firma-agentury__price strong {
margin-right: 4px;
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: clamp(2.5rem, 2.214rem + 1.19vw, 3rem);
font-weight: 800;
line-height: 1;
letter-spacing: -0.04em;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__prices ul {
padding-top: 20px;
border-top: 1px solid var(--wpl-line);
font-size: 0.9375rem;
line-height: 1.45;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__prices > .wp-block-column > .wp-block-buttons {
margin-top: auto;
padding-top: 4px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__prices .wp-block-button {
flex: 1 1 100%;
width: 100%;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__prices .wp-block-button__link {
width: 100%;
min-height: 56px;
font-size: 1.0625rem;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__section.wp-block-group > .wpl-firma-agentury__prices + p {
max-width: var(--wpl-text-col);
color: var(--wpl-text-muted);
font-size: 0.9375rem;
line-height: 1.6;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__quotes {
gap: 16px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__quotes > .wp-block-quote {
display: flex;
flex-direction: column;
gap: 20px;
margin: 0;
padding: 24px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-card);
background: var(--wpl-bg);
color: var(--wpl-text);
font-family: var(--wpl-font-body);
font-size: 1.0625rem;
font-weight: 400;
line-height: 1.6;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__quotes > .wp-block-quote::before {
position: static;
display: block;
height: 24px;
font-size: 3.5rem;
line-height: 0.6;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__quotes > .wp-block-quote > p {
color: var(--wpl-text);
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__quotes > .wp-block-quote > cite {
margin-top: auto;
padding-top: 20px;
border-top: 1px solid var(--wpl-line);
color: var(--wpl-text-muted);
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.5;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__quotes > .wp-block-quote > cite strong {
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: 1rem;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq > .wp-block-column:first-child {
gap: 16px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq > .wp-block-column:first-child > p:not(.wpl-eyebrow) {
color: var(--wpl-text-muted);
font-size: 1.0625rem;
line-height: 1.5;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq > .wp-block-column:last-child {
gap: 0;
border-top: 1px solid var(--wpl-line-strong);
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq details {
padding: 0;
border: 0;
border-bottom: 1px solid var(--wpl-line-strong);
border-radius: 0;
background: transparent;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq details[open] {
padding-bottom: 0;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq details > summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 24px;
min-height: 44px;
padding: 20px 0;
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: clamp(1.0625rem, 1.016rem + 0.19vw, 1.1875rem);
font-weight: 700;
line-height: 1.35;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq details > summary:hover {
text-decoration: underline;
text-decoration-color: var(--wpl-tyrkys);
text-decoration-thickness: 2px;
text-underline-offset: 5px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq details > summary:focus-visible {
outline: var(--wpl-focus-ring);
outline-offset: var(--wpl-focus-offset);
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq details > summary::after {
flex-shrink: 0;
width: 36px;
height: 36px;
margin: 0;
border: 0;
border-radius: 50%;
background: var(--wpl-ag-i-chevron) center / 18px no-repeat, var(--wpl-bg-soft);
transform: none;
transition: transform var(--wpl-transition), background-color var(--wpl-transition);
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__section--soft .wpl-firma-agentury__faq details > summary::after {
background: var(--wpl-ag-i-chevron) center / 18px no-repeat, var(--wpl-bg);
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq details[open] > summary::after {
margin: 0;
background: var(--wpl-ag-i-chevron-light) center / 18px no-repeat, var(--wpl-navy);
transform: rotate(180deg);
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq details > :not(summary) {
margin: 0;
color: var(--wpl-text-muted);
font-size: 1rem;
line-height: 1.6;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq details > :not(summary) + :not(summary) {
margin-top: 12px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq details > :last-child:not(summary) {
padding-bottom: 20px;
}
@media (min-width: 768px) {
.wpl-firma--agentury .wpl-firma-agentury__tasks-card {
padding: 24px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__features {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 40px 24px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__ways {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__ways > .wp-block-column {
padding: 28px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__stats {
gap: 32px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__stack {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px 24px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__prices {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__prices > .wp-block-column {
padding: 32px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__quotes {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__quotes > .wp-block-quote {
padding: 32px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq details > summary {
padding: 24px 0;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq details > :last-child:not(summary) {
padding-bottom: 24px;
}
}
@media (min-width: 1024px) {
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__features {
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 32px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__ways > .wp-block-column {
padding: 32px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__with {
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 24px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__with > .wp-block-column:first-child {
grid-column: 1 / span 7;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__with > .wp-block-column:last-child {
grid-column: 9 / span 4;
align-self: end;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__stack {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 32px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq {
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 24px;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq > .wp-block-column:first-child {
grid-column: 1 / span 4;
align-self: start;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq > .wp-block-column:last-child {
grid-column: 6 / span 7;
}
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq details > :not(summary) {
padding-right: 64px;
}
}
@media (prefers-reduced-motion: reduce) {
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__prices > .wp-block-column,
.wpl-firma--agentury .wpl-content .wpl-firma-agentury__faq details > summary::after {
transition: none;
}
}
.wpl-firma--reference .wpl-firma__jumps {
flex: 1 1 100%;
min-width: 0;
margin-top: 4px;
padding-top: 20px;
border-top: 1px solid var(--wpl-line);
}
.wpl-firma--reference .wpl-firma__studies {
padding-block: 64px;
}
.wpl-firma--reference .wpl-firma__studies .wpl-section-head {
margin-bottom: 28px;
}
.wpl-firma--reference .wpl-content > .wpl-ref-block {
margin-block: 0;
padding-block: 64px;
}
.wpl-firma--reference .wpl-content > .wpl-ref-block--soft {
background: var(--wpl-bg-soft);
box-shadow: 0 0 0 100vmax var(--wpl-bg-soft);
clip-path: inset(0 -100vmax);
}
.wpl-firma--reference.wpl-firma--no-studies .wpl-content > .wpl-ref-block--soft:first-child {
background: none;
box-shadow: none;
clip-path: none;
}
.wpl-firma--reference .wpl-content > :not(.wpl-ref-block):first-child {
margin-top: 64px;
}
.wpl-firma--reference .wpl-content > :not(.wpl-ref-block):last-child {
margin-bottom: 64px;
}
.wpl-firma--reference .wpl-content > .wpl-ref-block + :not(.wpl-ref-block) {
margin-top: 64px;
}
.wpl-firma--reference .wpl-content .wpl-ref-block > .wpl-eyebrow {
display: flex;
margin: 0;
}
.wpl-firma--reference .wpl-content .wpl-ref-block > h2 {
font-size: var(--wpl-fs-h2);
line-height: 1.08;
letter-spacing: -0.03em;
}
.wpl-firma--reference .wpl-content .wpl-ref-block > .wpl-eyebrow + h2 {
margin-top: 12px;
}
.wpl-firma--reference .wpl-content .wpl-ref-block > h2 + * {
margin-top: 28px;
}
.wpl-firma--reference .wpl-content ul.wpl-ref-sites {
display: flex;
gap: 12px;
margin-inline: calc(-1 * var(--wpl-gutter));
padding: 4px var(--wpl-gutter) 12px;
overflow-x: auto;
list-style: none;
scroll-snap-type: x mandatory;
scroll-padding-inline: var(--wpl-gutter);
scrollbar-width: none;
}
.wpl-firma--reference .wpl-ref-sites::-webkit-scrollbar {
display: none;
}
.wpl-firma--reference .wpl-content ul.wpl-ref-sites > li {
position: relative;
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
min-width: 200px;
min-height: 108px;
margin: 0;
padding: 40px 20px 14px;
overflow: hidden;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-card);
background: var(--wpl-bg);
color: var(--wpl-navy);
font-family: var(--wpl-font-heading);
font-size: 0.9375rem;
font-weight: 700;
line-height: 1.3;
text-align: center;
white-space: nowrap;
scroll-snap-align: start;
transition: border-color var(--wpl-transition), box-shadow var(--wpl-transition);
}
.wpl-firma--reference .wpl-content ul.wpl-ref-sites > li::before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
width: auto;
height: 26px;
border: 0;
border-bottom: 1px solid var(--wpl-line);
border-radius: 0;
background: var(--wpl-bg-soft);
}
.wpl-firma--reference .wpl-content ul.wpl-ref-sites > li::after {
content: "";
position: absolute;
top: 9px;
left: 12px;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--wpl-line-strong);
box-shadow: 14px 0 0 var(--wpl-line-strong), 28px 0 0 var(--wpl-line-strong);
}
.wpl-firma--reference .wpl-content ul.wpl-ref-sites > li a {
color: inherit;
font-weight: inherit;
text-decoration: none;
}
.wpl-firma--reference .wpl-content ul.wpl-ref-sites > li a::after {
content: "";
position: absolute;
inset: 0;
z-index: 1;
border-radius: inherit;
}
.wpl-firma--reference .wpl-content ul.wpl-ref-sites > li:has(a):hover {
border-color: var(--wpl-navy);
box-shadow: 0 0 0 1px var(--wpl-navy);
}
.wpl-firma--reference .wpl-content ul.wpl-ref-sites > li:has(a):hover a {
text-decoration: underline;
text-decoration-color: var(--wpl-tyrkys);
text-decoration-thickness: 2px;
text-underline-offset: 4px;
}
.wpl-firma--reference .wpl-content .wpl-ref-quotes.wp-block-group {
display: flex;
gap: 12px;
margin-inline: calc(-1 * var(--wpl-gutter));
padding: 4px var(--wpl-gutter) 12px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-padding-inline: var(--wpl-gutter);
scrollbar-width: none;
}
.wpl-firma--reference .wpl-ref-quotes::-webkit-scrollbar {
display: none;
}
.wpl-firma--reference .wpl-content .wpl-ref-quotes.wp-block-group > * {
flex: 0 0 min(300px, 82vw);
margin: 0;
scroll-snap-align: start;
}
.wpl-firma--reference .wpl-content .wpl-quote__author {
margin-top: auto;
color: var(--wpl-text);
font-size: 1rem;
line-height: 1.45;
}
.wpl-firma--reference .wpl-quote__text p + p {
margin-top: 0.75em;
}
@media (min-width: 768px) {
.wpl-firma--reference .wpl-firma__studies {
padding-block: 80px;
}
.wpl-firma--reference .wpl-content > .wpl-ref-block {
padding-block: 80px;
}
.wpl-firma--reference .wpl-content ul.wpl-ref-sites {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
margin-inline: 0;
padding: 0;
overflow: visible;
}
.wpl-firma--reference .wpl-content ul.wpl-ref-sites > li {
min-width: 0;
min-height: 124px;
font-size: 1.0625rem;
white-space: normal;
overflow-wrap: anywhere;
}
.wpl-firma--reference .wpl-content .wpl-ref-quotes.wp-block-group {
display: block;
columns: 2;
column-gap: 24px;
margin-inline: 0;
padding: 0;
overflow: visible;
}
.wpl-firma--reference .wpl-content .wpl-ref-quotes.wp-block-group > * {
margin: 0 0 24px;
break-inside: avoid;
}
}
@media (min-width: 1024px) {
.wpl-firma--reference .wpl-firma__jumps {
margin-top: 8px;
padding-top: 24px;
}
.wpl-firma--reference .wpl-firma__studies {
padding-block: 80px 104px;
}
.wpl-firma--reference .wpl-firma__studies .wpl-section-head {
margin-bottom: 40px;
}
.wpl-firma--reference .wpl-content > .wpl-ref-block {
padding-block: 104px;
}
.wpl-firma--reference .wpl-content > :not(.wpl-ref-block):first-child {
margin-top: 104px;
}
.wpl-firma--reference .wpl-content > :not(.wpl-ref-block):last-child {
margin-bottom: 104px;
}
.wpl-firma--reference .wpl-content > .wpl-ref-block + :not(.wpl-ref-block) {
margin-top: 104px;
}
.wpl-firma--reference .wpl-content .wpl-ref-block > .wpl-eyebrow + h2 {
margin-top: 16px;
}
.wpl-firma--reference .wpl-content .wpl-ref-block > h2 + * {
margin-top: 40px;
}
.wpl-firma--reference .wpl-content ul.wpl-ref-sites {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
}
.wpl-firma--reference .wpl-content ul.wpl-ref-sites > li {
min-height: 148px;
padding: 44px 20px 18px;
font-size: 1.125rem;
}
.wpl-firma--reference .wpl-content ul.wpl-ref-sites > li::before {
height: 28px;
}
.wpl-firma--reference .wpl-content ul.wpl-ref-sites > li::after {
top: 10px;
}
.wpl-firma--reference .wpl-content .wpl-ref-quotes.wp-block-group {
columns: 3;
}
}
@media (min-width: 1200px) {
.wpl-firma--reference .wpl-content ul.wpl-ref-sites {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
@media (prefers-reduced-motion: reduce) {
.wpl-firma--reference .wpl-content ul.wpl-ref-sites > li {
transition: none;
}
}
.wpl-firma--kontakt {
--wpl-l-call-text: #C3D2DE;
--wpl-l-call-grid: rgba(255, 255, 255, 0.045);
}
@media (min-width: 768px) {
.wpl-firma--kontakt .wpl-page-head__inner {
padding-block-end: 56px;
}
}
.wpl-firma--kontakt .wpl-firma-kontakt__main {
padding-block: 24px 56px;
}
.wpl-firma--kontakt .wpl-firma-kontakt__grid {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 32px;
align-items: start;
}
.wpl-firma--kontakt .wpl-firma-kontakt__info {
display: flex;
flex-direction: column;
gap: 20px;
min-width: 0;
}
.wpl-firma--kontakt .wpl-firma-kontakt__form {
container: wpl-firma-kontakt-form / inline-size;
min-width: 0;
}
@container wpl-firma-kontakt-form (min-width: 480px) {
.wpl-firma--kontakt .wpl-form__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
.wpl-firma--kontakt .wpl-form__grid > .wpl-field {
grid-column: 1 / -1;
}
.wpl-firma--kontakt .wpl-form__grid > .wpl-field--half {
grid-column: auto;
}
}
.wpl-firma--kontakt .wpl-firma-kontakt__call {
position: relative;
isolation: isolate;
overflow: hidden;
display: flex;
flex-direction: column;
gap: 10px;
padding: 22px;
border-radius: var(--wpl-radius-panel);
background: var(--wpl-navy);
color: #FFFFFF;
text-decoration: none;
transition: background-color var(--wpl-transition);
}
.wpl-firma--kontakt .wpl-firma-kontakt__call::before {
content: "";
position: absolute;
inset: 0;
z-index: -1;
background-image:
linear-gradient(var(--wpl-l-call-grid) 1px, transparent 1px),
linear-gradient(90deg, var(--wpl-l-call-grid) 1px, transparent 1px);
background-size: 40px 40px;
}
.wpl-firma--kontakt .wpl-firma-kontakt__call:hover {
background: var(--wpl-navy-hover);
color: #FFFFFF;
}
.wpl-firma--kontakt .wpl-firma-kontakt__call-label {
display: flex;
align-items: center;
gap: 10px;
color: var(--wpl-tyrkys-light);
font-size: var(--wpl-fs-eyebrow);
font-weight: 700;
line-height: 1.2;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.wpl-firma--kontakt .wpl-firma-kontakt__live {
flex-shrink: 0;
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--wpl-tyrkys);
animation: wpl-firma-kontakt-pulse 2.4s infinite;
}
@keyframes wpl-firma-kontakt-pulse {
0% { box-shadow: 0 0 0 0 rgba(53, 140, 131, 0.45); }
70% { box-shadow: 0 0 0 8px rgba(53, 140, 131, 0); }
100% { box-shadow: 0 0 0 0 rgba(53, 140, 131, 0); }
}
.wpl-firma--kontakt .wpl-firma-kontakt__call-text {
color: var(--wpl-l-call-text);
font-size: 1.0625rem;
line-height: 1.4;
}
.wpl-firma--kontakt .wpl-firma-kontakt__call-phone {
align-self: flex-start;
font-family: var(--wpl-font-heading);
font-size: clamp(1.5rem, 0.357rem + 5.714vw, 2.125rem);
font-weight: 800;
line-height: 1.2;
letter-spacing: -0.02em;
text-decoration: underline;
text-decoration-color: var(--wpl-tyrkys-light);
text-decoration-thickness: 2px;
text-underline-offset: 6px;
transition: text-decoration-color var(--wpl-transition);
}
.wpl-firma--kontakt .wpl-firma-kontakt__call:hover .wpl-firma-kontakt__call-phone {
text-decoration-color: #FFFFFF;
}
.wpl-firma--kontakt .wpl-firma-kontakt__list {
display: flex;
flex-direction: column;
margin: 0;
padding: 0;
list-style: none;
}
.wpl-firma--kontakt .wpl-firma-kontakt__item {
display: flex;
align-items: flex-start;
gap: 16px;
padding-block: 18px;
border-top: 1px solid var(--wpl-line);
}
.wpl-firma--kontakt .wpl-firma-kontakt__icon {
width: 44px;
height: 44px;
}
.wpl-firma--kontakt .wpl-firma-kontakt__body {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 0;
}
.wpl-firma--kontakt .wpl-firma-kontakt__label {
margin: 0;
color: var(--wpl-text-muted);
font-size: 0.75rem;
font-weight: 700;
line-height: 1.4;
letter-spacing: 0.1em;
text-transform: uppercase;
}
.wpl-firma--kontakt .wpl-firma-kontakt__value {
margin: 0;
color: var(--wpl-text);
font-size: 1rem;
line-height: 1.55;
}
.wpl-firma--kontakt .wpl-firma-kontakt__line {
display: block;
}
.wpl-firma--kontakt .wpl-firma-kontakt__note {
margin: 6px 0 0;
color: var(--wpl-text-muted);
font-size: var(--wpl-fs-small);
line-height: 1.5;
}
.wpl-firma--kontakt .wpl-firma-kontakt__sep {
margin-inline: 6px;
color: var(--wpl-text-muted);
}
.wpl-firma--kontakt .wpl-firma-kontakt__email {
display: inline-flex;
align-items: center;
min-height: 44px;
margin-block: -10px;
color: var(--wpl-navy);
font-size: 1.0625rem;
font-weight: 600;
text-decoration: underline;
text-decoration-color: var(--wpl-tyrkys);
text-decoration-thickness: 2px;
text-underline-offset: 5px;
overflow-wrap: anywhere;
transition: text-decoration-color var(--wpl-transition);
}
.wpl-firma--kontakt .wpl-firma-kontakt__email:hover {
color: var(--wpl-navy);
text-decoration-color: var(--wpl-navy);
}
.wpl-firma--kontakt .wpl-firma-kontakt__bank {
display: flex;
flex-direction: column;
gap: 8px;
margin: 0;
font-size: 1rem;
line-height: 1.55;
font-variant-numeric: tabular-nums;
}
.wpl-firma--kontakt .wpl-firma-kontakt__account {
display: flex;
flex-wrap: wrap;
column-gap: 6px;
}
.wpl-firma--kontakt .wpl-firma-kontakt__account-name {
color: var(--wpl-navy);
font-weight: 600;
}
.wpl-firma--kontakt .wpl-firma-kontakt__account-name::after {
content: ":";
}
.wpl-firma--kontakt .wpl-firma-kontakt__account dd {
margin: 0;
overflow-wrap: anywhere;
}
.wpl-firma--kontakt .wpl-firma-kontakt__account-line {
flex-basis: 100%;
color: var(--wpl-text-muted);
}
.wpl-firma--kontakt .wpl-firma-kontakt__bank-note {
margin-top: 4px;
color: var(--wpl-text-muted);
font-variant-numeric: tabular-nums;
}
.wpl-firma--kontakt .wpl-firma-kontakt__social {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 4px 0 0;
padding: 0;
list-style: none;
}
.wpl-firma--kontakt .wpl-firma-kontakt__social-link {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: var(--wpl-radius-field);
background: var(--wpl-bg-soft);
color: var(--wpl-navy);
transition: background-color var(--wpl-transition), color var(--wpl-transition);
}
.wpl-firma--kontakt .wpl-firma-kontakt__social-link:hover {
background: var(--wpl-tyrkys-tinta);
color: var(--wpl-tyrkys-text);
}
.wpl-firma--kontakt .wpl-firma-kontakt__fallback {
display: flex;
flex-direction: column;
gap: 12px;
padding: 22px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-panel);
}
.wpl-firma--kontakt .wpl-firma-kontakt__fallback p {
margin: 0;
}
.wpl-firma--kontakt .wpl-firma-kontakt__content > :where(:not(.alignwide, .alignfull, .alignleft, .alignright, .wp-block-columns)) {
margin-inline: 0;
}
.wpl-firma--kontakt .wpl-firma-kontakt__content > .alignwide {
margin-inline: 0;
}
.wpl-firma--kontakt .wpl-firma-kontakt__tips {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
margin-block-end: 0;
}
.wpl-firma--kontakt .wpl-firma-kontakt__tips > .wp-block-column {
margin: 0;
padding: 22px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-card);
background: var(--wpl-bg);
}
.wpl-firma--kontakt .wpl-firma-kontakt__content .wpl-firma-kontakt__tips > .wp-block-column > * + * {
margin-block-start: 0.5em;
}
.wpl-firma--kontakt .wpl-firma-kontakt__tips :is(h2, h3, h4) {
font-size: var(--wpl-fs-h4);
line-height: 1.35;
letter-spacing: 0;
}
.wpl-firma--kontakt .wpl-firma-kontakt__tips p {
color: var(--wpl-text-muted);
font-size: 1rem;
line-height: 1.6;
}
@media (min-width: 768px) {
.wpl-firma--kontakt .wpl-firma-kontakt__main {
padding-block: 48px var(--wpl-section-y);
}
.wpl-firma--kontakt .wpl-firma-kontakt__call {
padding: 28px;
}
.wpl-firma--kontakt .wpl-firma-kontakt__fallback {
padding: 40px;
}
.wpl-firma--kontakt .wpl-firma-kontakt__tips {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
}
}
@media (min-width: 1024px) {
.wpl-firma--kontakt .wpl-firma-kontakt__main {
padding-block-start: 72px;
}
.wpl-firma--kontakt .wpl-firma-kontakt__grid {
grid-template-columns: repeat(12, minmax(0, 1fr));
gap: 24px;
}
.wpl-firma--kontakt .wpl-firma-kontakt__info {
grid-column: 1 / span 5;
}
.wpl-firma--kontakt .wpl-firma-kontakt__form {
grid-column: 7 / span 6;
}
.wpl-firma--kontakt .wpl-firma-kontakt__tips > .wp-block-column {
padding: 28px;
}
}
.wpl-firma--dekujeme .wpl-page-head__main::before {
content: "";
flex: none;
width: 48px;
height: 48px;
border-radius: 50%;
background: var(--wpl-tyrkys) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 24px no-repeat;
}
.wpl-firma--dekujeme .wpl-firma__phone {
color: var(--wpl-navy);
font-weight: 700;
white-space: nowrap;
text-decoration: underline;
text-decoration-color: var(--wpl-tyrkys);
text-decoration-thickness: 2px;
text-underline-offset: 5px;
transition: text-decoration-color var(--wpl-transition);
}
.wpl-firma--dekujeme .wpl-firma__phone:hover {
color: var(--wpl-navy);
text-decoration-color: var(--wpl-navy);
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky > :is(p, h2, h3, h4, ul, ol) {
margin-block: 0;
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky > .wp-block-columns {
margin-block: 0;
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky > * + :is(p, h3, h4, ul, ol) {
margin-block-start: var(--wpl-flow);
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky > .wp-block-columns + * {
margin-block-start: 32px;
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky > p:first-child {
display: flex;
align-items: center;
gap: 10px;
color: var(--wpl-tyrkys-text);
font-size: var(--wpl-fs-eyebrow);
font-weight: 600;
line-height: 1;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky > p:first-child::before {
content: "";
flex: none;
width: 8px;
height: 8px;
border-radius: 2px;
background: var(--wpl-tyrkys);
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky > h2 {
max-width: 820px;
font-size: var(--wpl-fs-h2);
font-weight: 700;
line-height: 1.08;
letter-spacing: -0.03em;
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky > * + h2 {
margin-block-start: 12px;
}
.wpl-firma--dekujeme .wpl-content .wp-block-columns.wpl-dekujeme-kroky__karty {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 16px;
counter-reset: wpl-dekujeme-krok;
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky > * + .wp-block-columns {
margin-block-start: 32px;
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky__karty > .wp-block-column {
position: relative;
display: flex;
flex-direction: column;
gap: 14px;
min-width: 0;
margin: 0;
padding: 24px;
border: 1px solid var(--wpl-line);
border-radius: var(--wpl-radius-card);
background: var(--wpl-bg);
counter-increment: wpl-dekujeme-krok;
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky__karty > .wp-block-column > * {
margin: 0;
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky__karty > .wp-block-column::after {
content: counter(wpl-dekujeme-krok);
content: counter(wpl-dekujeme-krok) / "";
position: absolute;
top: 20px;
right: 24px;
color: var(--wpl-tyrkys-tinta);
font-family: var(--wpl-font-heading);
font-size: 2.5rem;
font-weight: 800;
line-height: 1;
pointer-events: none;
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky__karty > .wp-block-column:not([class*="wpl-ikona-"]) > :first-child {
padding-inline-end: 48px;
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky__karty > .wp-block-column[class*="wpl-ikona-"]::before {
content: "";
flex: none;
width: 44px;
height: 44px;
border-radius: var(--wpl-radius-field);
background-color: var(--wpl-tyrkys-tinta);
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky__karty > .wp-block-column.wpl-ikona-mail::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B63' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='20' height='16' x='2' y='4' rx='2'/%3E%3Cpath d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/%3E%3C/svg%3E");
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky__karty > .wp-block-column.wpl-ikona-web::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B63' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20M2 12h20'/%3E%3C/svg%3E");
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky__karty > .wp-block-column.wpl-ikona-zamek::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23276B63' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect width='18' height='11' x='3' y='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky__karty > .wp-block-column > h3 {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.35;
letter-spacing: -0.01em;
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky__karty > .wp-block-column > p {
color: var(--wpl-text-muted);
font-size: 1rem;
line-height: 1.55;
}
.wpl-firma--dekujeme .wpl-firma__posts > li {
display: flex;
min-width: 0;
}
.wpl-firma--dekujeme .wpl-firma__posts > li > * {
flex: 1 1 auto;
}
@media (min-width: 768px) {
.wpl-firma--dekujeme .wpl-page-head__main {
gap: 20px;
}
.wpl-firma--dekujeme .wpl-page-head__main::before {
width: 56px;
height: 56px;
background-size: 28px;
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky > * + h2 {
margin-block-start: 16px;
}
.wpl-firma--dekujeme .wpl-content .wp-block-columns.wpl-dekujeme-kroky__karty {
gap: 24px;
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky > * + .wp-block-columns {
margin-block-start: 40px;
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky__karty > .wp-block-column {
gap: 18px;
padding: 32px;
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky__karty > .wp-block-column::after {
top: 24px;
right: 28px;
font-size: 3rem;
}
.wpl-firma--dekujeme .wpl-content .wpl-dekujeme-kroky__karty > .wp-block-column[class*="wpl-ikona-"]::before {
width: 48px;
height: 48px;
}
}
@media (min-width: 1024px) {
.wpl-firma--dekujeme .wpl-page-head__inner {
padding-block-end: 72px;
}
.wpl-firma--dekujeme .wpl-content .wp-block-columns.wpl-dekujeme-kroky__karty {
grid-auto-columns: minmax(0, 1fr);
grid-auto-flow: column;
grid-template-columns: none;
}
}