.crumbs {
margin: 0;
font-size: 14px;
font-weight: 600;
}
.sec--service-hero {
padding-top: 56px;
padding-bottom: 88px;
}
.svc-hero {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 48px;
margin-top: 24px;
}
.svc-hero__text {
flex: 1 1 520px;
min-width: 0;
}
.svc-hero__text > * {
margin-block: 0;
}
.svc-hero__title {
font-size: clamp(42px, 8vw, 70px) !important;
line-height: 1.02 !important;
font-weight: 800;
letter-spacing: -0.03em;
}
.svc-hero__lead {
margin-top: 28px !important;
font-size: 20px;
line-height: 1.6;
max-width: 56ch;
}
.svc-hero__text .wp-block-buttons {
margin-top: 36px !important;
gap: 16px;
}
.svc-hero__art {
flex: 1 1 360px;
min-width: 0;
display: flex;
justify-content: center;
}
.svc-hero__art svg {
display: block;
width: 100%;
max-width: 320px;
height: auto;
}
.svc-hero__art svg * {
transform-box: fill-box;
} .sec--service-hero .deco {
left: auto !important;
right: -90px;
top: 16px !important;
width: 200px !important;
height: 200px !important;
} .svc-list .svc {
padding-block: 26px;
} .steps-row {
display: flex;
flex-wrap: wrap;
gap: 40px;
margin-top: 44px;
}
.step {
flex: 1 1 220px;
min-width: 0;
}
.step > * {
margin-block: 0;
}
.step__title {
margin-top: 18px !important;
font-size: 21px !important;
font-weight: 800;
}
.step__text {
margin-top: 8px !important;
font-size: 16px;
line-height: 1.55;
} .pricing {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 48px;
}
.pricing__text {
flex: 1 1 420px;
min-width: 0;
}
.pricing__text > * {
margin-block: 0;
}
.pricing__lead {
margin-top: 18px !important;
font-size: 19px;
line-height: 1.6;
color: #ece4fe;
max-width: 46ch;
}
.pricing__cards {
flex: 1 1 520px;
min-width: 0;
display: flex;
flex-wrap: wrap;
gap: 20px;
color: var(--wp--preset--color--ink);
}
.price {
flex: 1 1 220px;
min-width: 0;
padding: 28px;
box-sizing: border-box;
border-radius: 14px;
}
.price > * {
margin-block: 0;
}
.price--lime {
background: var(--wp--preset--color--lime);
}
.price--paper {
background: var(--wp--preset--color--paper);
}
.price__label {
font-size: 16px;
font-weight: 700;
}
.price__value {
margin-top: 8px !important;
font-size: 44px;
font-weight: 800;
letter-spacing: -0.02em;
line-height: 1.2;
}
.price__note {
margin-top: 8px !important;
font-size: 15px;
} .refs {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 32px;
}
.refs > * {
margin: 0;
}
.k.k--link {
height: 48px;
padding: 0;
font-size: 15px;
}
.k.k--link a {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: 0 14px;
color: inherit;
text-decoration: none;
}
main .k.k--link a {
text-decoration: none;
} .band--spaced {
margin-bottom: 72px;
}
.band--spaced .band__title {
font-size: 26px !important;
}
.sec .wp-block-strg-s-faq {
margin-top: 40px;
}
.author {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
margin-top: 56px;
padding: 28px;
background: var(--wp--preset--color--mist);
border-radius: 14px;
}
.author > * {
margin: 0;
}
.author .avatar {
flex: 0 0 88px;
}
.author .avatar img {
display: block;
width: 88px;
height: 88px;
aspect-ratio: 1;
border-radius: 50%;
object-fit: cover;
border: 3px solid var(--wp--preset--color--lime);
}
.author__text {
flex: 1 1 280px;
min-width: 0;
}
.author__text > * {
margin-block: 0;
}
.author__label {
font-size: 14px;
font-weight: 600;
}
.author__name {
margin-top: 2px !important;
font-size: 21px;
font-weight: 800;
}
.author__bio {
margin-top: 6px !important;
font-size: 16px;
line-height: 1.5;
}  .sec.wp-block-group > * {
margin-left: max(0px, calc((100% - 1280px) / 2)) !important;
margin-right: auto !important;
}
.sec--flow {
padding-top: 72px;
padding-bottom: 0;
} .sec--flow ~ .sec--cta {
padding-top: 72px;
}
.sec--flow > .wp-block-heading + * {
margin-top: 24px;
}
.sec .sec__text {
max-width: 70ch;
font-size: 18px;
line-height: 1.6;
}
.sec .wp-block-list.sec__text {
padding-left: 1.25em;
}
.price-table {
overflow-x: auto;
margin-top: 24px;
}
.price-table table {
width: 100%;
min-width: 560px;
border-collapse: collapse;
font-size: 16px;
}
.price-table th {
padding: 14px 16px;
background: var(--wp--preset--color--lime);
text-align: left;
font-weight: 800;
border: 0;
}
.price-table td {
padding: 14px 16px;
border: 0;
border-bottom: 2px solid rgba(51, 51, 51, 0.15);
}
.price-table tbody tr:last-child td {
border-bottom: 3px solid var(--wp--preset--color--ink);
}
.step .k + .step__text {
margin-top: 18px !important;
}
.updated {
display: flex;
flex-wrap: wrap;
gap: 6px;
margin-top: 10px !important;
font-size: 14px;
}
.updated > * {
margin: 0;
}
@media (max-width: 640px) {
.sec--service-hero .deco {
display: none;
}
.sec--service-hero {
padding-top: 36px;
padding-bottom: 56px;
}
.band--spaced {
margin-bottom: 48px;
}
.price__value {
font-size: 38px;
}
} @media (prefers-reduced-motion: no-preference) {
.sh-card {
transform-origin: 50% 100%;
animation: strgs-sh-card 4.5s ease-in-out infinite;
}
.sh-fly {
opacity: 0;
animation: strgs-sh-fly 4.5s ease-in-out infinite;
}
.sh-bag {
transform-origin: 50% 100%;
animation: strgs-sh-bag 4.5s infinite;
}
.sh-badge {
transform-origin: 50% 50%;
animation: strgs-sh-badge 4.5s infinite;
}
@keyframes strgs-sh-card {
0%, 100% { transform: none; }
10% { transform: translateY(-5px); }
20% { transform: none; }
}
@keyframes strgs-sh-fly {
0%, 30% { transform: none; opacity: 0; }
34% { opacity: 1; transform: translate(0, -8px); }
58% { transform: translate(150px, -20px) scale(0.6); opacity: 1; }
62%, 100% { transform: translate(150px, -20px) scale(0.3); opacity: 0; }
}
@keyframes strgs-sh-bag {
0%, 60%, 76%, 100% { transform: none; }
66% { transform: translateY(-6px) rotate(-6deg); }
71% { transform: translateY(0) rotate(4deg); }
}
@keyframes strgs-sh-badge {
0%, 60% { transform: scale(0); }
68% { transform: scale(1.35); }
74%, 92% { transform: scale(1); }
100% { transform: scale(0); }
}
} .sec--flow:has(+ .sec--mist),
.sec--flow:has(+ .sec--mist-band),
.sec--flow:has(+ .sec--violet),
.sec--flow:has(+ .sec--violet-band) {
padding-bottom: 72px;
} .sec .chips {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-top: 32px;
}
.sec .chips > * {
margin: 0;
}
.sec .chips .k {
height: 48px;
min-width: 0;
padding: 0 22px;
font-size: 17px;
} .svc-hero__art,
.split__media {
user-select: none;
-webkit-user-select: none;
} .partner-row {
display: flex;
align-items: center;
gap: 14px;
margin: 0 0 18px;
}
.partner-row img {
display: block;
width: auto;
height: 52px;
}
.partner-row .k {
height: 40px;
min-width: 0;
padding: 0 16px;
font-size: 14px;
} .partner-row .deco-shopify {
display: block;
flex: 0 0 auto;
height: 52px;
aspect-ratio: 60 / 68;
background: url(//strg-s.at/wp-content/themes/strg-s/assets/img/shopify-logo.webp) center / contain no-repeat;
}