/** ===========
    01. GENERAL
    =========== */
@import url("stg.css");

* {
   box-sizing: border-box;
   outline: none;
}
:root {
    --socialyn-border-mask: linear-gradient(#000, #000) content-box content-box, linear-gradient(#000, #000);
}
body,
html {
   padding: 0;
   margin: 0;
   min-height: 100%;
   max-width: 100vw;
   height: 100%;
}
body {
    overflow-x: hidden;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    font-family: var(--socialyn-t-content-ff);
    font-size: var(--socialyn-t-content-fs);
    line-height: var(--socialyn-t-content-lh);
    letter-spacing: var(--socialyn-t-content-ls);
    font-weight: var(--socialyn-t-content-fw);
    color: var(--socialyn-s-text);
    background: var(--socialyn-s-body-bg);
}
body.is-unloading {
    pointer-events: none;
}
body.socialyn-fullscreen-page {
    overflow: hidden;
}
body.socialyn-fullscreen-page {
    height: 100svh;
}
body.is-loaded {
    opacity: 1;
}
body.is-unloaded {
    mask-position: 175%;
    transition: mask-position 0.75s;
}
iframe {
	max-width: 100%;
    border-radius: var(--socialyn-default-br);
}
iframe.socialyn-google-map {
    border-radius: var(--socialyn-small-br);
}
img,
video {
    display: block;
    max-width: 100%;
    height: auto;
}
img,
video {
    border-radius: var(--socialyn-default-br);
}
header img,
header video,
footer video,
footer img,
.socialyn-logo img {
    border-radius: unset;
}
.socialyn-parallax-media:not([class*='socialyn-grid']),
.socialyn-parallax-media .st-lazy-wrapper,
.socialyn-parallax-image {
    overflow: hidden;
    border-radius: var(--socialyn-default-br);
}
.pswp {
    display: none;
}
.pswp.pswp--open {
    display: block;
}

[data-bg-src] {
    background: var(--socialyn-s-container-bg) no-repeat center;
    background-size: cover;
    position: relative;
}
.socialyn-grid-item-link {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 7;
    border-radius: inherit;
}

/* === BrickWall Styles === */
.brickwall-grid {
	position: relative;
}
.brickwall-grid > div {
	position: absolute;
	left: 0;
	top: 0;
}
.brickwall-grid > div.is-appended,
.brickwall-grid > div.is-prepended {
	transform: scale(0);
}
.brickwall-grid:not(.animation--none) > div.brickwall-item {
	transition: transform 0.4s, opacity 0.4s;
	will-change: transform, opacity;
}
.brickwall-grid.animation--slow > div.brickwall-item {
	transition: transform 0.8s, opacity 0.8s;
	will-change: transform, opacity;
}

/* === Selection === */
::selection {
    color: var(--socialyn-s-heading);
    background-color: var(--socialyn-s-accent);
}
img,
a img,
.socialyn-counter,
header#socialyn-header,
.swiper,
.disable-selection {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/** ==============
    02. TYPOGRAPHY
    ============== */
.socialyn-highlight {
    color: var(--socialyn-s-heading);
}
strong {
    font-weight: var(--socialyn-t-heading-fw);
    color: var(--socialyn-s-heading);
}
p {
	margin: 0 0 var(--socialyn-t-content-lh) 0;
}
.socialyn-large-text {
    font-size: var(--socialyn-t-large-fs);
    line-height: var(--socialyn-t-content-lh);
    color: var(--socialyn-s-heading);
}
p:last-child {
	margin: 0;
}
p:empty {
	display: none;
}
a {
    position: relative;
}

a,
a:focus,
a:visited {
    text-decoration: none;
    color: var(--socialyn-s-text-accent);
}
a {
    transition: color 0.3s;
}
address {
	margin: 0 0 28px 0;
}
ins,
tt,
kbd,
code,
pre {
	padding: 7px 15px 8px 15px;
	display: inline-block;
	margin: 10px 0;
	max-width: 100%;
}
tt,
kbd,
code {
	margin: 0 5px;
}
abbr {
	text-transform: uppercase;
}
ins, acronym, abbr {
	text-decoration: none;
}
kbd,
code {
	margin: 10px 5px;
	font-family: monospace;
}
pre {
	white-space: pre-wrap;
	margin-bottom: 1.65em;
}
hr {
    border: none;
	width: 100%;
    height: 1px;
    background: var(--socialyn-c-border-gradient);
	margin: 1.65em 0;
}
hr:first-child {
	margin-top: 0;
}
hr:first-child {
	margin-bottom: 0;
}
label,
blockquote cite,
.socialyn-label {
    font-size: var(--socialyn-t-meta-fs);
    font-weight: var(--socialyn-t-meta-fw);
    letter-spacing: var(--socialyn-t-meta-ls);
    color: var(--socialyn-s-heading-fade);
    text-transform: uppercase;
    margin-bottom: 4px;
}
sup {
	font-size: 0.6em;
	margin-right: 2px;
    display: inline-block;
    transform: translateY(0.05em);
}

.socialyn-title-with-label h1 {
    margin-bottom: 0;
}
.socialyn-title-with-label .socialyn-label:first-child {
    display: block;
    margin-bottom: var(--stg-xs-gap);
}
.socialyn-title-with-label .socialyn-label:last-child {
    display: block;
    margin-top: 4px;
    margin-bottom: 0;
}

.is-dropcap::first-letter {
    font-family: var(--socialyn-t-heading-ff);
    font-weight: var(--socialyn-t-heading-fw);
    line-height: var(--socialyn-t-h2-lh);
    color: var(--socialyn-s-heading);
    font-size: var(--socialyn-t-h2-fs);
    letter-spacing: var(--socialyn-t-h2-ls);
    display: block;
	float: left;
	margin: -6px 16px -8px 0;
}

/* Blockquote */
blockquote cite {
    opacity: 1;
    position: relative;
}
blockquote cite::before {
    content: '';
    width: 8px;
    height: 2px;
    background-color: var(--socialyn-s-heading);
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    transform: translateY(-1px);
}
cite {
	text-align: right;
	display: block;
	font-style: normal;
}

/* === Lists === */
ol,
ul {
	padding: 0;
	margin: 0;
}
ol:last-child,
ul:last-child {
    margin: 0;
}
ol li,
ul li {
	padding: 0;
    margin: 0;
    list-style: disc;
}

/* === Marked List === */
.socialyn-marked-list {
    padding: 0;
    margin: 0;
}
.socialyn-marked-list li {
    list-style: none;
    padding: 0 0 0 28px;
    margin: 0 0 1.5em 0;
    position: relative;
}
.socialyn-marked-list li:last-child {
    margin: 0;
}
.socialyn-marked-list:not(:last-child) {
    margin: 0 0 1.5em 0;
}
.socialyn-marked-list li::before {
    content: '';
    width: 16px;
    height: 12px;
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    background: var(--socialyn-s-heading);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: var(--icon-check);
    mask-image: var(--icon-check);
}

/* === Headings === */
h1, h2, h3, h4, h5, h6 {
    font-family: var(--socialyn-t-heading-ff);
    font-weight: var(--socialyn-t-heading-fw);
    color: var(--socialyn-s-heading);
}
h1, h2, h3 {
    margin: 0 0 var(--stg-gap) 0;
}
h4, h5, h6 {
    margin: 0 0 var(--stg-small-gap) 0;
}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child {
    margin-bottom: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color: var(--socialyn-s-heading);
}
h1 sup, h2 sup, h3 sup, h4 sup, h5 sup, h6 sup {
	opacity: 0.25;
}
.socialyn-accent {
    color: var(--socialyn-s-text-accent);
}
.is-accented .socialyn-accent {
    color: var(--socialyn-s-accented-text);
}

.socialyn-page-title {
    display: block;
    width: 100%;
}
.socialyn-post-title {
    margin-bottom: 0;
}
.socialyn-post-title:not(:last-child),
.socialyn-page-title:not(:last-child) {
    margin-bottom: var(--stg-gap);
}
.socialyn-title-with-meta span:first-child {
    margin-bottom: 4px;
    display: block;
}
.socialyn-title-with-meta span:last-child {
    margin-top: 4px;
    display: block;
}
h1.socialyn-page-title {
    margin-bottom: calc( -1 * var(--stg-small-gap) );
}
.socialyn-section-title {
    margin-bottom: var(--stg-large-gap);
}
.socialyn-section-title p.is-short {
    max-width: calc(0.5 * var(--stg-container-width));
    margin: 0 auto;
}
.socialyn-page-title.is-large {
    font-size: calc(1.2 * var(--socialyn-t-h1-fs));
    line-height: calc(1.2 * var(--socialyn-t-h1-lh));
}
h1 {
    font-size: var(--socialyn-t-h1-fs);
    letter-spacing: var(--socialyn-t-h1-ls);
    line-height: var(--socialyn-t-h1-lh);
    margin: var(--socialyn-t-h1-margin);
}
h2 {
    font-size: var(--socialyn-t-h2-fs);
    letter-spacing: var(--socialyn-t-h2-ls);
    line-height: var(--socialyn-t-h2-lh);
    margin: var(--socialyn-t-h2-margin);
}
h3 {
    font-size: var(--socialyn-t-h3-fs);
    letter-spacing: var(--socialyn-t-h3-ls);
    line-height: var(--socialyn-t-h3-lh);
    margin: var(--socialyn-t-h3-margin);
}
h4 {
    font-size: var(--socialyn-t-h4-fs);
    letter-spacing: var(--socialyn-t-h4-ls);
    line-height: var(--socialyn-t-h4-lh);
    margin: var(--socialyn-t-h4-margin);
}
.socialyn-block h4 {
    margin-bottom: var(--stg-gap);
}
h5 {
    font-size: var(--socialyn-t-h5-fs);
    letter-spacing: var(--socialyn-t-h5-ls);
    line-height: var(--socialyn-t-h5-lh);
    margin: var(--socialyn-t-h5-margin);
}
h6 {
    font-size: var(--socialyn-t-h6-fs);
    letter-spacing: var(--socialyn-t-h6-ls);
    line-height: var(--socialyn-t-h6-lh);
    margin: var(--socialyn-t-h6-margin);
}
.stg-vertical-space-between > h1,
.stg-vertical-space-between > h2,
.stg-vertical-space-between > h3,
.stg-vertical-space-between > h4,
.stg-vertical-space-between > h5,
.stg-vertical-space-between > h6 {
    margin-bottom: 0;
}
.align-center h1,
.align-center h2,
.align-center h3,
.align-center h4,
.align-center h5,
.align-center h6 {
    margin-left: auto;
    margin-right: auto;
}
.socialyn-meta {
    font-size: var(--socialyn-t-meta-fs);
    font-weight: var(--socialyn-t-heading-fw);
    font-family: var(--socialyn-t-heading-ff);
    letter-spacing: var(--socialyn-t-meta-ls);
    text-transform: uppercase;
    color: var(--socialyn-s-heading-fade);
    margin-bottom: calc(0.5 * var(--stg-xs-gap));
}
.socialyn-meta.socialyn-highlight {
    color: var(--socialyn-s-heading);
}
.socialyn-meta > a,
.socialyn-meta > span {
    color: var(--socialyn-s-heading);
}

/* === Alignment === */
.align-left {
    text-align: left;
}
.align-center {
    text-align: center;
}
.align-right {
    text-align: right;
}
.align-center img {
	margin-left: auto;
	margin-right: auto;
}
.align-right img {
	margin-left: auto;
}

/** ====================
    03. FORMS AND FIELDS
    ==================== */
label {
    transition: opacity 0.2s;
    display: block;
    margin-bottom: 8px;
}
label.in-focus {
    opacity: 1;
}
input,
textarea {
    width: 100%;
    display: block;
    font-family: var(--socialyn-t-content-ff);
    font-weight: var(--socialyn-t-content-fw);
    font-size: var(--socialyn-t-input-fs);
    line-height: 1em;
    letter-spacing: var(--socialyn-t-content-ls);
    border: 1px solid var(--socialyn-s-border);
    border-radius: var(--socialyn-input-br);
    background: var(--socialyn-s-container-bg);
    padding: var(--socialyn-input-spacing);
    color: var(--socialyn-s-text);
    transition: color 0.3s, border-color 0.3s, box-shadow 0.3s;
    box-shadow: 0 0 8px transparent;
}
input:focus,
textarea:focus {
    border-color: var(--socialyn-s-accent);
    color: var(--socialyn-s-heading);
    box-shadow: 0 8px 16px var(--socialyn-s-box-shadow);
}
input:not(:last-child),
textarea:not(:last-child) {
    margin-bottom: var(--socialyn-input-gap);
}
textarea {
    line-height: var(--socialyn-t-input-lh);
    height: 191px;
    resize: vertical;
}
input[type="button"],
input[type="reset"],
input[type="submit"],
button:not([class*='pswp']),
a.socialyn-button {
    font-family: var(--socialyn-t-content-ff);
    font-weight: var(--socialyn-t-content-fw);
    font-size: var(--socialyn-t-button-fs);
    line-height: 1;
    padding: var(--socialyn-button-spacing);
    display: inline-block;
    color: var(--socialyn-s-accented-text);
    background: var(--socialyn-s-accent);
    border-radius: var(--socialyn-button-br);
    border: 1px solid var(--socialyn-s-border-accent);
    transition: background-color 0.3s;
    cursor: pointer;
}
a.socialyn-button.is-secondary,
.socialyn-square-button.is-secondary {
    background: transparent;
    transition: background-color 0.3s, border-color 0.3s;
    border-color: var(--socialyn-s-heading);
}
input[type="button"].is-fullwidth,
input[type="reset"].is-fullwidth,
input[type="submit"].is-fullwidth,
button.is-fullwidth,
.socialyn-button.is-fullwidth {
    width: 100%;
    display: block;
    text-align: center;
}

/* === Contact Form === */
form.socialyn-contact-form {
    box-shadow: 0 8px 16px var(--socialyn-s-box-shadow);
    width: 100%;
    transition: transform 0.3s;
    will-change: transform;
}
.socialyn-form-content {
    transition: opacity 0.3s;
}
form.socialyn-contact-form.is-busy .socialyn-form-content {
    opacity: 0.5;
}
.socialyn-contact-form:not(.is-short) [type="submit"] {
    margin-bottom: 0;
    width: 100%;
}
.socialyn-form-spinner {
    width: 48px;
    height: 48px;
    border: 2px solid var(--socialyn-s-border-mute);
    border-top-color: var(--socialyn-s-heading);
    border-radius: 50%;
    animation: sta_spin 1s infinite linear;
    pointer-events: none;
    position: absolute;
    z-index: 15;
    top: calc(50% - 24px);
    left: calc(50% - 24px);
    display: block;
    will-change: transform, opacity;
    opacity: 0;
    transition: opacity 0.3s;
}
.socialyn-contact-form.is-busy .socialyn-form-spinner {
    opacity: 1;
}
.socialyn-contact-form.is-busy {
    transform: scale(0.95);
    pointer-events: none;
}
.socialyn-contact-form.is-error {
    animation: sta_shake 0.3s linear;
}
.socialyn-contact-form__response {
    padding-top: var(--stg-gap);
    text-align: center;
    position: static;
    font-size: var(--socialyn-t-meta-fs);
    font-weight: var(--socialyn-t-meta-fw);
    letter-spacing: var(--socialyn-t-meta-ls);
    color: var(--socialyn-s-heading);
    text-transform: uppercase;
    width: 100%;
    display: none;
}
.is-short .socialyn-contact-form__response {
    position: absolute;
    top: 100%;
    left: 0;
}
.socialyn-masked-cta .socialyn-contact-form__response {
    top: auto;
    left: var(--stg-large-gap);
    bottom: calc( 0.5 * (var(--stg-large-gap) - var(--socialyn-t-content-lh)) );
}

/** ==========
    04. HEADER
    ========== */
#socialyn-header {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 111;
    background: var(--socialyn-s-nav);
}
#socialyn-header.is-sticky {
    position: fixed;
}
#socialyn-header.is-frosted {
    -webkit-backdrop-filter: saturate(150%) blur(12px);
    backdrop-filter: saturate(150%) blur(12px);
}
#socialyn-header::after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: var(--socialyn-c-border-gradient);
    position: absolute;
    bottom: 0;
    left: 0;
}
#socialyn-header::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient( 0deg, transparent 25%, var(--socialyn-s-body-bg) 100%);
    display: block;
}
.no-header-border #socialyn-header::after {
    display: none;
}
.socialyn-header-inner {
    padding: var(--socialyn-header-spacing) 0;
    min-height: 44px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: var(--stg-container-width);
    margin: 0 auto;
    position: relative;
    z-index: 5;
}
.socialyn-mobile-header-inner {
    display: none;
}

/* === Main Menu === */
.socialyn-active-menu-ind {
    position: absolute;
    width: calc(var(--active-width) - 0.5 * var(--socialyn-menu-gap));
    height: 2px;
    background-color: var(--socialyn-c-menu-active);
    border-radius: 1px;
    left: calc(var(--active-left) + 0.25 * var(--socialyn-menu-gap));
    bottom: 0;
    z-index: 2;
}
.socialyn-active-menu-ind::before {
    content: '';
    height: var(--st-header-height);
    width: 200%;
    background: radial-gradient(ellipse at center bottom, var(--socialyn-c-menu-active) 10%, transparent 60%) no-repeat bottom center;
    display: block;
    position: absolute;
    bottom: 100%;
    left: -50%;
    opacity: 0.1;
}
nav.socialyn-nav ul.main-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(0.5 * var(--socialyn-menu-gap));
    --stea-move: var(--stg-small-gap);
}
ul.main-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: var(--socialyn-t-menu-ff);
    font-weight: var(--socialyn-t-menu-fw);
    font-size: var(--socialyn-t-menu-fs);
    line-height: var(--socialyn-t-menu-lh);
    position: relative;
}
ul.sub-menu li {
    font-family: var(--socialyn-t-submenu-ff);
    font-weight: var(--socialyn-t-submenu-fw);
    font-size: var(--socialyn-t-submenu-fs);
    line-height: var(--socialyn-t-submenu-lh);
}
ul.main-menu li.socialyn-menu-divider {
    position: relative;
    padding: 12px 0;
    height: 1px;
    pointer-events: none;
}
ul.main-menu li.socialyn-menu-divider::after {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: var(--socialyn-c-border-gradient);
    position: absolute;
    left: 0;
    top: 12px;
    opacity: 0.5;
}
nav.socialyn-nav ul.main-menu > li > a {
    padding: calc(0.25 * var(--socialyn-menu-gap));
}
ul.main-menu a {
    color: var(--socialyn-c-menu);
    display: block;
    transition: color 0.3s;
}
ul.main-menu li.current-menu-parent > a,
ul.main-menu li.current-menu-item > a,
ul.main-menu li.current-menu-ancestor > a {
    color: var(--socialyn-c-menu-active);
    font-weight: var(--socialyn-t-heading-fw);
}
#socialyn-header ul.sub-menu > li.current-menu-item a::after,
#socialyn-header ul.sub-menu > li.current-menu-parent a::after {
    content: '';
    position: absolute;
    width: 2px;
    height: calc(100% - 16px);
    left: -8px;
    top: 8px;
    background: var(--socialyn-c-menu-active);
    border-radius: 1px;
}
ul.main-menu li.menu-item-has-children > a::after {
    content: '';
    width: var(--socialyn-t-menu-fs);
    height: var(--socialyn-t-menu-fs);
    background: var(--socialyn-c-menu);
    transition: background-color 0.3s;
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: var(--icon-chevron-down);
    mask-image: var(--icon-chevron-down);
    transform: scale(1.5) translateY(-1px);
}
ul.main-menu li.menu-item-has-children.current-menu-parent > a::after,
ul.main-menu li.menu-item-has-children.current-menu-item > a::after,
ul.main-menu li.menu-item-has-children.current-menu-ancestor > a::after {
    background-color: var(--socialyn-c-menu-active);
}

/* Sub-Menu */
nav.socialyn-nav ul.sub-menu {
    display: block;
    position: absolute;
    top: 100%;
    left: -16px;
    width: var(--socialyn-sub-menu-width);
    background: var(--socialyn-s-container-bg) radial-gradient(circle at center bottom, var(--socialyn-s-backlight) 0%, transparent) no-repeat;
    z-index: 222;
    border-radius: var(--socialyn-small-br);
    padding: 8px;
    transition: opacity 0.2s, transform 0.2s;
    will-change: opacity, transform;
    pointer-events: none;
    opacity: 0;
    transform: scale(1, 0);
    transform-origin: 50% 0%;
}
nav.socialyn-nav ul.sub-menu ul.sub-menu {
    top: -8px;
    left: calc(100% + 16px);
    z-index: 223;
    transform: scale(0, 1);
    transform-origin: 0% 50%;
}
nav.socialyn-nav ul.sub-menu::before,
nav.socialyn-nav ul.sub-menu ul.sub-menu::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    user-select: none;
}
nav.socialyn-nav ul.sub-menu::before {
    right: 0;
    bottom: 0;
    inset: 0px;
    padding: 1px;
    background: linear-gradient( 0deg, var(--socialyn-s-border), var(--socialyn-s-backlight) );
    mask: var(--socialyn-border-mask);
    -webkit-mask: var(--socialyn-border-mask);
    border-radius: var(--socialyn-small-br);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
}
nav.socialyn-nav ul.sub-menu ul.sub-menu::after {
    width: 32px;
    height: 100%;
    top: 0;
    left: -24px;
    background: transparent;
}
nav.socialyn-nav ul.sub-menu li {
    position: relative;
    z-index: 3;
}
nav.socialyn-nav ul.sub-menu li::before {
    content: '';
    background: var(--socialyn-s-backlight);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: var(--socialyn-xs-br);
    transition: opacity 0.3s;
    will-change: opacity;
    opacity: 0;
}
nav.socialyn-nav ul.sub-menu li a {
    padding: 12px;
    position: relative;
    z-index: 4;
}
nav.socialyn-nav ul.sub-menu li.menu-item-has-children > a::after {
    position: absolute;
    right: 8px;
    top: calc(50% - calc(0.5 * var(--socialyn-t-menu-fs)));
    mask-image: var(--icon-menu-chevron);
    -webkit-mask-image: var(--icon-menu-chevron);
    transform: scale(1.5) translateX(0px);
}

/* Show Sub-Menu Event */
nav.socialyn-nav li.menu-item-has-children:hover > ul.sub-menu {
    opacity: 1;
    transform: scale(1);
    pointer-events: all;
}

/* Mobile Menu Container */
.socialyn-mobile-nav {
    position: fixed;
    right: 0;
    top: var(--st-header-height);
    width: 100%;
    height: calc(100% - var(--st-header-height));
    max-width: 390px;
    z-index: 88;
    background: var(--socialyn-s-nav);
    contain: paint;
    overflow-y: scroll;
    scrollbar-width: none;
    pointer-events: none;
    transform: translateX(100%);
    transition: transform 0.3s;
    will-change: transform;
    display: none;
}
.socialyn-mobile-nav.is-frosted {
    -webkit-backdrop-filter: saturate(150%) blur(12px);
    backdrop-filter: saturate(150%) blur(12px);
}

/** ==================
    05. MAIN CONTAINER
    ================== */
main#socialyn-main {
    position: relative;
    z-index: 5;
    contain: paint;
    padding-top: var(--st-header-height);
    transition: opacity 0.5s;
    will-change: opacity;
}
body:not(.is-loaded) main#socialyn-main {
    opacity: 0;
}
body.socialyn-fullscreen-page main#socialyn-main {
    transition: opacity 0.5s, transform 0.8s;
    will-change: transform, opacity;
}
body.socialyn-fullscreen-page:not(.is-loaded) main#socialyn-main {
    transform: scale(1.05);
}
#socialyn-main.socialyn-min-content {
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    padding: 0 0 var(--st-footer-height) 0;
    min-height: calc(100svh - var(--st-footer-height));
}
body.socialyn-fullscreen-page main#socialyn-main {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100svh;
    padding-top: 0;
}
section {
    padding: var(--socialyn-section-gap) 0;
    position: relative;
}
section > div {
    position: relative;
    z-index: 5;
}
section[data-padding="none"] {
    padding-top: 0;
    padding-bottom: 0;
}
section[data-padding="top"] {
    padding-bottom: 0;
}
section[data-padding="bottom"] {
    padding-top: 0;
}
section[data-padding="small"] {
    padding: calc(0.5 * var(--socialyn-section-gap)) 0;
}
section.is-fullwidth {
    max-width: 100svw;
    --socialyn-fw-spacing: calc(0.5 * (100vw - var(--stg-container-width)));
    margin-left: calc(-1 * var(--socialyn-fw-spacing));
    margin-right: calc(-1 * var(--socialyn-fw-spacing));
    padding-left: var(--socialyn-fw-spacing);
    padding-right: var(--socialyn-fw-spacing);
}
section.is-fullwidth.is-stretched {
    padding-left: 0;
    padding-right: 0;
}
section.is-fullwidth.is-stretched > .is-boxed {
    --socialyn-fw-spacing: calc(0.5 * (100vw - var(--stg-container-width)));
    padding-left: var(--socialyn-fw-spacing);
    padding-right: var(--socialyn-fw-spacing);
}
section.backlight-top::before,
section.backlight-bottom::after,
section.backlight-both::before,
section.backlight-both::after,
section.divider-both::before,
section.divider-both::after,
section.divider-top::before,
section.divider-bottom::after {
    content: '';
    position: absolute;
    z-index: 1;
    left: calc(-0.5 * (100vw - var(--stg-container-width)));
    pointer-events: none;
}
.stg-container.is-fullwidth section.backlight-top::before,
.stg-container.is-fullwidth section.backlight-bottom::after,
.stg-container.is-fullwidth section.backlight-both::before,
.stg-container.is-fullwidth section.backlight-both::after,
.stg-container.is-fullwidth section.divider-both::before,
.stg-container.is-fullwidth section.divider-both::after,
.stg-container.is-fullwidth section.divider-top::before,
.stg-container.is-fullwidth section.divider-bottom::after,
section.is-fullwidth.backlight-top::before,
section.is-fullwidth.backlight-bottom::after,
section.is-fullwidth.backlight-both::before,
section.is-fullwidth.backlight-both::after,
section.is-fullwidth.divider-both::before,
section.is-fullwidth.divider-both::after,
section.is-fullwidth.divider-top::before,
section.is-fullwidth.divider-bottom::after {
    left: 0;
}
section.backlight-top::before,
section.backlight-bottom::after,
section.backlight-both::before,
section.backlight-both::after {
    width: 100vw;
    height: 50vw;
}
section.backlight-top::before,
section.backlight-both::before {
    background: radial-gradient( 100vw circle at 50vw 0%, var(--socialyn-s-backlight), transparent 50% );
}
section.backlight-bottom::after,
section.backlight-both::after {
    background: radial-gradient( 100vw circle at 50vw 100%, var(--socialyn-s-backlight), transparent 50% );
}
section.backlight-top::before,
section.backlight-both::before {
    top: 0;
}
section.backlight-bottom::after,
section.backlight-both::after {
    bottom: 0;
}
section.divider-both::before,
section.divider-both::after,
section.divider-top::before,
section.divider-bottom::after {
    width: 100vw;
    height: 1px;
    display: block;
    background: var(--socialyn-c-border-gradient);
}
section.divider-both::before,
section.divider-top::before {
    top: 0;
}
section.divider-both::after,
section.divider-bottom::after {
    bottom: 0;
}
section.backlight-top:last-child::before {
    height: 100%;
}

/* Mouse Cursor Backlight */
.socialyn-backlight {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient( 50vw circle at var(--mouse-x) var(--mouse-y), var(--socialyn-s-cursor-light), transparent 50% );
    opacity: 0.75;
    z-index: 1;
}

/** ==========
    06. FOOTER
    ========== */
#socialyn-footer {
    position: relative;
    z-index: 22;
}
#socialyn-footer.is-sticky,
.socialyn-fullscreen-page #socialyn-footer {
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background: var(--socialyn-s-nav);
}
#socialyn-footer.is-frosted,
.socialyn-fullscreen-page #socialyn-footer.is-frosted {
    -webkit-backdrop-filter: saturate(150%) blur(12px);
    backdrop-filter: saturate(150%) blur(12px);
}
#socialyn-footer a {
    color: var(--socialyn-s-heading);
}

/* === Footer Widgets === */
.socialyn-footer-line::before,
.socialyn-footer-widgets::before {
    content: '';
    width: 100%;
    height: 1px;
    display: block;
    background: var(--socialyn-c-border-gradient);
    position: absolute;
    top: 0;
    left: 0;
}
.socialyn-footer-widgets::before {
    opacity: 0.5;
}
.socialyn-footer-widgets {
    padding: var(--stg-large-gap) 0;
    position: relative;
}
.socialyn-footer-widgets::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: var(--socialyn-s-backlight) radial-gradient( 100vw circle at 50vw 35vw, var(--socialyn-s-backlight), transparent 50% );
    opacity: 0.5;
    pointer-events: none;
}
.socialyn-footer-widgets .stg-container {
    position: relative;
    z-index: 3;
}
.socialyn-footer-widgets h6 {
    margin-bottom: var(--stg-gap);
}
.socialyn-widget ul {
    margin: 0;
    padding: 0;
}
.socialyn-widget ul li {
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Widget: Info */
.socialyn-info-widget {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}
.socialyn-info-widget .socialyn-logo {
    margin: 0 0 var(--stg-gap) 0;
}
.socialyn-info-description {
    margin-bottom: 28px;
}
.socialyn-info-widget .socialyn-label {
    margin-bottom: var(--stg-xs-gap);
    color: var(--socialyn-s-heading);
}

/* Widget: Contacts */
.socialyn-contacts-widget ul li:not(:last-child) {
    margin-bottom: 16px;
}
.socialyn-contacts-widget .socialyn-label {
    display: block;
}

/* Widget: Menu */
.socialyn-menu-widget ul li {
    margin: 0 -8px;
    position: relative;
}
.socialyn-menu-widget a {
    display: block;
    padding: 8px;
    position: relative;
    z-index: 3;
    opacity: 0.7;
    transition: opacity 0.3s;
}
.socialyn-menu-widget ul {
    margin: -8px 0;
}
.socialyn-menu-widget ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--socialyn-xs-br);
    background: var(--socialyn-s-backlight);
    z-index: 1;
    opacity: 0;
    transform-origin: 0 50%;
    will-change: opacity;
    transition: opacity 0.2s;
}

/* === Footer Line === */
.no-footer-border .socialyn-footer-line::before {
    display: none;
}
.socialyn-footer-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: var(--stg-gap) 0;
    position: relative;
    font-size: var(--socialyn-t-footer-fs);
    line-height: var(--socialyn-t-footer-lh);
}
.socialyn-footer-line:has(.align-center) {
    justify-content: center;
}
.socialyn-footer-divider {
    margin: 0 8px;
}

/* === Socials List === */
ul.socialyn-socials-list {
    display: flex;
    gap: var(--socialyn-socials-gap);
}
ul.socialyn-socials-list.stg-xs-gap {
    gap: var(--stg-xs-gap);
}
ul.socialyn-socials-list.stg-small-gap {
    gap: var(--stg-small-gap);
}
ul.socialyn-socials-list.stg-large-gap {
    gap: var(--stg-large-gap);
}
ul.socialyn-socials-list.stg-xl-gap {
    gap: var(--stg-xl-gap);
}
.socialyn-footer-line ul.socialyn-socials-list {
    margin: -8px 0;
}
.socialyn-socials-list li {
    list-style: none;
    padding: 0;
    display: block;
}
.socialyn-socials-list a {
    position: relative;
    width: calc(var(--socialyn-socials-size) + 24px);
    height: calc(var(--socialyn-socials-size) + 24px);
    padding: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--socialyn-xs-br);
    transition: transform 0.1s, background-color 0.3s;
    will-change: transform;
}
.socialyn-socials-list a::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    border-radius: inherit;
    border: 1px solid var(--socialyn-s-heading);
    transition: opacity 0.3s;
    will-change: opacity;
}
.socialyn-socials-list i {
    width: var(--socialyn-socials-size);
    height: var(--socialyn-socials-size);
    background-color: var(--socialyn-s-heading);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    display: block;
    z-index: 3;
    transition: background-color 0.3s;
}
.socialyn-socials-500px i {
    -webkit-mask-image: var(--icon-social-500px);
    mask-image: var(--icon-social-500px);
}
.socialyn-socials-behance i {
    -webkit-mask-image: var(--icon-social-behance);
    mask-image: var(--icon-social-behance);
}
.socialyn-socials-dribbble i {
    -webkit-mask-image: var(--icon-social-dribbble);
    mask-image: var(--icon-social-dribbble);
}
.socialyn-socials-facebook i {
    -webkit-mask-image: var(--icon-social-facebook);
    mask-image: var(--icon-social-facebook);
}
.socialyn-socials-flickr i {
    -webkit-mask-image: var(--icon-social-flickr);
    mask-image: var(--icon-social-flickr);
}
.socialyn-socials-instagram i {
    -webkit-mask-image: var(--icon-social-instagram);
    mask-image: var(--icon-social-instagram);
}
.socialyn-socials-linkedin i {
    -webkit-mask-image: var(--icon-social-linkedin);
    mask-image: var(--icon-social-linkedin);
}
.socialyn-socials-patreon i {
    -webkit-mask-image: var(--icon-social-patreon);
    mask-image: var(--icon-social-patreon);
}
.socialyn-socials-pinterest i {
    -webkit-mask-image: var(--icon-social-pinterest);
    mask-image: var(--icon-social-pinterest);
}
.socialyn-socials-tiktok i {
    -webkit-mask-image: var(--icon-social-tiktok);
    mask-image: var(--icon-social-tiktok);
}
.socialyn-socials-tumblr i {
    -webkit-mask-image: var(--icon-social-tumblr);
    mask-image: var(--icon-social-tumblr);
}
.socialyn-socials-vimeo i {
    -webkit-mask-image: var(--icon-social-vimeo);
    mask-image: var(--icon-social-vimeo);
}
.socialyn-socials-x i {
    -webkit-mask-image: var(--icon-social-x);
    mask-image: var(--icon-social-x);
}
.socialyn-socials-xing i {
    -webkit-mask-image: var(--icon-social-xing);
    mask-image: var(--icon-social-xing);
}
.socialyn-socials-youtube i {
    -webkit-mask-image: var(--icon-social-youtube);
    mask-image: var(--icon-social-youtube);
}
/* Framed Socials */
.socialyn-socials-list.socialyn-framed-socials {
    flex-wrap: wrap;
    gap: var(--stg-small-gap);
}

/** =================
    07. HERO SECTIONS
    ================= */
.socialyn-hero-block .socialyn-page-title {
    margin-bottom: 0;
}
/* Info Line */
.socialyn-hero-info-line {
    display: flex;
    justify-content: space-between;
    --stea-move: var(--stg-gap);
}
.socialyn-hero-info-line .socialyn-meta {
    margin: 0;
}
.socialyn-hero-info-line > div {
    width: 33.33%;
}
.socialyn-hero-info-line > div:nth-child(2) {
    text-align: center;
}
.socialyn-hero-info-line > div:nth-child(3) {
    text-align: right;
}

/* === Layout 01 === */
.socialyn-hero-type01 .socialyn-masked-block {
    --masked-inner-radius: var(--socialyn-large-br);
}
.socialyn-hero-type01 .socialyn-masked-content {
    width: 128px;
    height: 128px;
    position: absolute;
    bottom: 0;
    right: 0;
}
.socialyn-hero-type01 .socialyn-masked-content a.socialyn-square-button {
    width: 112px;
    height: 112px;
    border-radius: var(--socialyn-default-br);
}
.socialyn-hero-type01 .socialyn-masked-content a span {
    width: 32px;
    height: 32px;
}

/* Social Proof */
.socialyn-hero-type01 .socialyn-hero-social-proof {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-top: var(--stg-small-gap);
}
.socialyn-hero-type01 .socialyn-hero-social-proof > div {
    display: flex;
    justify-content: flex-end;
    margin-right: -4px;
    margin-bottom: 20px;
}
.socialyn-hero-type01 .socialyn-hero-social-proof p {
    text-align: right;
    text-transform: uppercase;
    color: var(--socialyn-s-heading);
    max-width: 110px;
}
.socialyn-hero-type01 .socialyn-hero-social-proof img,
.socialyn-hero-type01 .socialyn-hero-social-proof a {
    display: flex;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    margin-left: -32px;
    border: 4px solid var(--socialyn-s-body-bg);
}
.socialyn-hero-type01 .socialyn-hero-social-proof a {
    justify-content: center;
    align-items: center;
    text-align: center;
    color: var(--socialyn-s-accented-text);
    background: var(--socialyn-s-accent);
}

/* === Layout 02 === */
.socialyn-hero-type02 .socialyn-page-title {
    padding-right: var(--stg-gap);
    margin-bottom: var(--stg-large-gap);
    padding-bottom: 0;
}
.stg-row.socialyn-hero02-row {
    padding-bottom: var(--stg-large-gap);
    width: calc(var(--stg-container-width) + var(--stg-gap));
}

/* === Layout 03 === */
.socialyn-hero-type03 .socialyn-hero-title-wrap {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: var(--stg-gap);
}
.socialyn-hero-type03 .socialyn-hero-title-wrap h1 {
    max-width: 70%;
    margin-bottom: 0;
}
.socialyn-hero-type03 .socialyn-hero-title-wrap > div {
    max-width: 25%;
    height: auto;
    border-radius: var(--socialyn-default-br);
}
.socialyn-hero-type03 .socialyn-hero-media {
    aspect-ratio: 2/1;
}
.socialyn-hero-type03 .socialyn-hero-media video,
.socialyn-hero-type03 .socialyn-hero-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.socialyn-hero-type03 .socialyn-hero-media-content {
    max-width: 25%;
    width: max-content;
    text-align: right;
}
.socialyn-hero-type03 .socialyn-hero-media-content-inner {
    padding: 0 0 calc(var(--stg-small-gap) + 4px) var(--stg-small-gap);
}
.socialyn-hero-type03 svg {
    position: absolute;
    pointer-events: none;
    left: 0;
    top: 0;
    opacity: 0;
}
.socialyn-hero-type03 .socialyn-tags-list {
    position: absolute;
    left: var(--stg-small-gap);
    bottom: var(--stg-small-gap);
    max-width: 33%;
}
.socialyn-tags-list li[data-appear] {
    --stea-move: var(--stg-small-gap);
}

/* === Layout 04 === */
.socialyn-hero-type04 .socialyn-large-text {
    max-width: 50%;
    margin: 0 auto;
}
.socialyn-hero-type04 .socialyn-hero-info-line {
    margin-bottom: var(--stg-gap);
}

/* === Layout 05 === */
.socialyn-hero-type05 .socialyn-title-block {
    aspect-ratio: 1/1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: var(--stg-gap);
    border-radius: var(--socialyn-default-br);
}
.socialyn-hero-type05 .socialyn-title-block .socialyn-large-text {
    max-width: 425px;
}
.socialyn-hero-type05 .socialyn-hero-media-wrap {
    position: relative;
    border-radius: var(--socialyn-default-br);
}
.socialyn-hero-type05 .socialyn-hero-media-wrap img {
    position: absolute;
    width: calc(100% - 2 * var(--stg-large-gap));
    height: auto;
    top: var(--stg-large-gap);
    left: var(--stg-large-gap);
    display: block;
    box-shadow: 0 8px 16px var(--socialyn-s-box-shadow);
}
.socialyn-hero-type05 .socialyn-square-button {
    width: 100%;
    height: 100%;
    display: flex;
    border-radius: var(--socialyn-default-br);
}
.socialyn-hero-type05 a.socialyn-square-button span.socialyn-icon {
    width: 64px;
    height: 64px;
}

/* === Layout 06 === */
.socialyn-hero-type06 .is-large .socialyn-bento-hero-media p {
    max-width: 320px;
}
.socialyn-bento-hero-media {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    padding: var(--stg-gap);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    border-radius: inherit;
}
.socialyn-bento-hero-media .socialyn-page-title,
.socialyn-bento-hero-media .socialyn-highlight {
    color: var(--socialyn-s-accented-text);
}
.socialyn-hero-type06 .socialyn-masked-block {
    --masked-inner-radius: var(--socialyn-large-br);
}
.socialyn-hero-type06 .socialyn-masked-content.at-bottom-right {
    width: 128px;
    height: 128px;
}
.socialyn-hero-type06 .socialyn-masked-content.at-bottom-right a.socialyn-square-button {
    margin: calc(1.5 * var(--stg-small-gap)) 0 0 calc(1.5 * var(--stg-small-gap));
}
.socialyn-hero-type06 .socialyn-square-button {
    width: calc(100% - 1.5 * var(--stg-small-gap));
    height: calc(100% - 1.5 * var(--stg-small-gap));
    border-radius: var(--socialyn-default-br);
}
.socialyn-hero-type06 .socialyn-square-button span.socialyn-icon {
    width: 32px;
    height: 32px;
}

/* === Layout 07 === */
.socialyn-hero-type07 .socialyn-hero-info-line {
    margin: var(--stg-gap) 0 var(--stg-large-gap) 0;
}
/* Social Proof */
.socialyn-hero-type07 .socialyn-hero-social-proof {
    margin-top: calc(-1 * var(--stg-xs-gap));
}
.socialyn-hero-type07 .socialyn-hero-social-proof > div {
    display: flex;
    justify-content: flex-end;
    gap: var(--stg-xs-gap);
}
.socialyn-hero-type07 .socialyn-hero-social-proof a,
.socialyn-hero-type07 .socialyn-hero-social-proof img {
    width: 128px;
    height: 128px;
    display: block;
    border-radius: var(--socialyn-small-br);
}
.socialyn-hero-type07 .socialyn-hero-social-proof a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.socialyn-hero-type07 .socialyn-hero-social-proof a span {
    font-size: var(--socialyn-t-meta-fs);
    font-weight: var(--socialyn-t-meta-fw);
    letter-spacing: var(--socialyn-t-meta-ls);
    color: var(--socialyn-s-accented-text);
    text-transform: uppercase;
    display: block;
    height: auto;
    width: 100%;
}
.socialyn-hero-type07 .socialyn-hero-social-proof a h5 {
    margin: 0 0 4px 0;
    color: var(--socialyn-s-accented-text);
}

/* === Layout 08 === */
.socialyn-hero-form {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--stg-small-gap);
    width: 100%;
    padding-bottom: var(--stg-xs-gap);
}
.socialyn-hero-form input {
    width: 100%;
}
.socialyn-hero-form button {
    padding-right: var(--stg-gap);
    padding-left: var(--stg-gap);
}
.socialyn-hero-form input,
.socialyn-hero-form button {
    margin: 0;
}
.socialyn-hero-form button .socialyn-icon {
    background: var(--socialyn-s-accented-text);
}
.socialyn-partners span {
    display: block;
}
.socialyn-partners .socialyn-block {
    padding: 0;
    border-radius: var(--socialyn-xs-br);
}

/** ======================
    08. SCROLLING ELEMENTS
    ====================== */
.st-expandable-wrap {
    overflow: hidden;
}
/* === Smooth Scroll === */
.stss-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    overflow: hidden;
}
.stss-wrap.is-ready {
    position: fixed;
}
.stss-container {
    width: 100%;
    min-height: 100%;
    height: auto;
    will-change: transform;
}

/* === Mask Fill Text === */
.socialyn-text-fill-mask {
    background: linear-gradient(var(--socialyn-s-heading), var(--socialyn-s-heading)) left top no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: var(--socialyn-s-heading-fade);
}

/* === Expanded Section === */
.socialyn-expand-on-scroll {
    --st-eos-init-scale: 1.25;
    --st-eos-init-clip: 0.5;
    --st-eos-br: var(--socialyn-default-br);
    transform-origin: 50% 0;
}
.socialyn-expand-on-scroll img,
.socialyn-expand-on-scroll video {
    border-radius: 0;
}
.socialyn-expand-on-scroll > * {
    width: 100%;
    height: auto;
    display: block;
}
.socialyn-expand-on-scroll iframe {
    aspect-ratio: 16/9;
}

/** ============
    09. ELEMENTS
    ============ */
[class*='socialyn-grid'] {
    display: grid;
    grid-column-gap: var(--stg-gap);
    grid-row-gap: var(--stg-gap);
}
.socialyn-grid-1col {
    grid-template-columns: repeat(1, 1fr);
}
.socialyn-grid-2cols {
    grid-template-columns: repeat(2, 1fr);
}
.socialyn-grid-3cols {
    grid-template-columns: repeat(3, 1fr);
}
.socialyn-grid-4cols {
    grid-template-columns: repeat(4, 1fr);
}
.socialyn-grid-5cols {
    grid-template-columns: repeat(5, 1fr);
}
.socialyn-grid-6cols {
    grid-template-columns: repeat(6, 1fr);
}
.socialyn-subgrid-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
}

/* === Lazy Loader === */
.st-lazy-wrapper {
    position: relative;
    display: block;
    border-radius: inherit;
}
.st-lazy-wrapper:has(img[data-speed]) {
    border-radius: var(--socialyn-default-br);
}
.st-lazy-wrapper::before,
.st-lazy-wrapper::after {
    content: '';
    position: absolute;
    display: block;
    transition: opacity 0.3s;
    will-change: opacity;
    transition-delay: 0.05s;
}
.st-lazy-wrapper::before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: var(--socialyn-s-container-bg);
    z-index: 4;
    border-radius: var(--socialyn-default-br);
}
.st-lazy-wrapper.is-loaded::before {
    opacity: 0;
}
.st-lazy-wrapper::after {
    z-index: 5;
    width: 40px;
    height: 40px;
    border: 2px solid var(--socialyn-s-border);
    border-top-color: var(--socialyn-s-heading);
    animation: sta_spin 1s linear infinite;
    border-radius: 50%;
    left: calc(50% - 22px);
    top: calc(50% - 22px);
}
.st-lazy-wrapper.is-loaded::after {
    opacity: 0;
}
.st-lazy-wrapper.stop-anim::after {
    opacity: 0;
    animation: unset;
}

/* === Masked Block === */
.socialyn-masked-block {
    position: relative;
    --masked-border-radius: var(--socialyn-default-br);
}

.socialyn-masked-content,
.socialyn-masked-content.at-top-left {
    position: absolute;
    top: 0;
    left: 0;
    bottom: auto;
    right: auto;
}
.socialyn-masked-content.at-top-right {
    top: 0;
    left: auto;
    bottom: auto;
    right: 0;
}
.socialyn-masked-content.at-bottom-left {
    top: auto;
    left: 0;
    bottom: 0;
    right: auto;
}
.socialyn-masked-content.at-bottom-right {
    top: auto;
    left: auto;
    bottom: 0;
    right: 0;
}
.socialyn-masked-content.at-middle-right,
.socialyn-masked-content.at-middle-left {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
}
.socialyn-masked-content.at-middle-right {
    right: 0;
    left: auto;
}
.socialyn-masked-content.at-middle-left {
    left: 0;
    right: auto;
}
.socialyn-masked-content.at-top-center,
.socialyn-masked-content.at-bottom-center {
    left: 50%;
    right: auto;
    transform: translateX(-50%);
}
.socialyn-masked-content.at-top-center {
    top: 0;
    bottom: auto;
}
.socialyn-masked-content.at-bottom-center {
    bottom: 0;
    top: auto;
}

/* Square Button */
.socialyn-masked-content .socialyn-square-button,
.socialyn-masked-content.at-top-left .socialyn-square-button {
    margin: 0 var(--stg-small-gap) var(--stg-small-gap) 0;
}
.socialyn-masked-content.at-top-right .socialyn-square-button {
    margin: 0 0 var(--stg-small-gap) var(--stg-small-gap);
}
.socialyn-masked-content.at-bottom-left .socialyn-square-button {
    margin: var(--stg-small-gap) var(--stg-small-gap) 0 0;
}
.socialyn-masked-content.at-bottom-right .socialyn-square-button {
    margin: var(--stg-small-gap) 0 0 var(--stg-small-gap);
}
.socialyn-masked-content.at-top-center .socialyn-square-button {
    margin: 0 var(--stg-small-gap) var(--stg-small-gap) var(--stg-small-gap);
}
.socialyn-masked-content.at-bottom-center .socialyn-square-button {
    margin: var(--stg-small-gap) var(--stg-small-gap) 0 var(--stg-small-gap);
}
.socialyn-masked-content.at-middle-left .socialyn-square-button {
    margin: var(--stg-small-gap) var(--stg-small-gap) var(--stg-small-gap) 0;
}
.socialyn-masked-content.at-middle-right .socialyn-square-button {
    margin: var(--stg-small-gap) 0 var(--stg-small-gap) var(--stg-small-gap);
}

/* Content Padding */
.socialyn-masked-content > div,
.socialyn-masked-content.at-top-left > div {
    padding: 0 var(--stg-small-gap) var(--stg-small-gap) 0;
}
.socialyn-masked-content.at-top-right > div {
    padding: 0 0 var(--stg-small-gap) var(--stg-small-gap);
}
.socialyn-masked-content.at-bottom-left > div {
    padding: var(--stg-small-gap) var(--stg-small-gap) 0 0;
}
.socialyn-masked-content.at-bottom-right > div {
    padding: var(--stg-small-gap) 0 0 var(--stg-small-gap);
}
.socialyn-masked-content.at-top-center > div {
    padding: 0 var(--stg-small-gap) var(--stg-small-gap) var(--stg-small-gap);
}
.socialyn-masked-content.at-bottom-center > div {
    padding: var(--stg-small-gap) var(--stg-small-gap) 0 var(--stg-small-gap);
}
.socialyn-masked-content.at-middle-left > div {
    padding: var(--stg-small-gap) var(--stg-small-gap) var(--stg-small-gap) 0;
}
.socialyn-masked-content.at-middle-right > div {
    padding: var(--stg-small-gap) 0 var(--stg-small-gap) var(--stg-small-gap);
}

/* === Icons === */
.socialyn-icon {
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    background: var(--socialyn-s-heading);
    display: block;
    width: 24px;
    height: 24px;
}
.socialyn-button .socialyn-icon,
.socialyn-square-button:not(.is-secondary) .socialyn-icon,
.is-accented .socialyn-icon {
    background: var(--socialyn-s-accented-text);
}
.socialyn-icon-explore {
    -webkit-mask-image: var(--icon-arrow-explore);
    mask-image: var(--icon-arrow-explore);
}
.socialyn-icon-arrow-down {
    -webkit-mask-image: var(--icon-arrow-down);
    mask-image: var(--icon-arrow-down);
}
.socialyn-icon-arrow-left {
    -webkit-mask-image: var(--icon-arrow-left);
    mask-image: var(--icon-arrow-left);
}
.socialyn-icon-arrow-right {
    -webkit-mask-image: var(--icon-arrow-right);
    mask-image: var(--icon-arrow-right);
}
.socialyn-icon-arrow-submit {
    -webkit-mask-image: var(--icon-arrow-submit);
    mask-image: var(--icon-arrow-submit);
}
.socialyn-icon-creativity {
    -webkit-mask-image: var(--icon-creativity);
    mask-image: var(--icon-creativity);
}
.socialyn-icon-collab {
    -webkit-mask-image: var(--icon-collab);
    mask-image: var(--icon-collab);
}
.socialyn-icon-impact {
    -webkit-mask-image: var(--icon-impact);
    mask-image: var(--icon-impact);
}
.socialyn-icon-innovation {
    -webkit-mask-image: var(--icon-innovation);
    mask-image: var(--icon-innovation);
}
.socialyn-icon-chevron-left {
    -webkit-mask-image: var(--icon-chevron-left);
    mask-image: var(--icon-chevron-left);
}
.socialyn-icon-chevron-right {
    -webkit-mask-image: var(--icon-chevron-right);
    mask-image: var(--icon-chevron-right);
}

/* === Block Item === */
.socialyn-block {
    border-radius: var(--socialyn-small-br);
    background-color: var(--socialyn-s-container-bg);
    padding: var(--stg-gap);
    padding-bottom: calc(var(--stg-gap) - 3px);
    position: relative;
    --mouse-x: 50%;
    --mouse-y: 0;
}
.socialyn-block.stg-valign-middle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.socialyn-block.is-frosted {
    background: var(--socialyn-s-container-frosted);
    -webkit-backdrop-filter: saturate(150%) blur(12px);
    backdrop-filter: saturate(150%) blur(12px);
}
[class*='stg-col'].socialyn-block {
    border-radius: var(--socialyn-default-br);
}
.socialyn-block::before,
.socialyn-block::after {
    content: '';
    border-radius: inherit;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
.socialyn-block::before {
    inset: 0px;
    padding: 1px;
    background: radial-gradient( 800px circle at var(--mouse-x) var(--mouse-y), var(--socialyn-s-border-highlight), var(--socialyn-s-border-mute) 40% );
    mask: var(--socialyn-border-mask);
    -webkit-mask: var(--socialyn-border-mask);
    mask-composite: exclude;
    -webkit-mask-composite: xor;
    transition: opacity 0.4s;
    will-change: opacity;
    opacity: 0.75;
}
.socialyn-block.is-accented {
    background: var(--socialyn-s-accent) bottom right no-repeat;
    color: var(--socialyn-s-accented-text);
}
.is-accented p,
.is-accented h1,
.is-accented h2,
.is-accented h3,
.is-accented h4,
.is-accented h5,
.is-accented h6,
.is-accented span,
.is-accented .socialyn-counter-number,
.is-accented p.socialyn-large-text {
    color: var(--socialyn-s-accented-text);
}
.socialyn-block.is-accented::before {
    background: radial-gradient( 800px circle at var(--mouse-x) var(--mouse-y), var(--socialyn-s-text-accent), var(--socialyn-s-border-accent) 40% );
}
.socialyn-block::after {
    opacity: 0;
    transition: opacity 0.4s;
    will-change: opacity;
    width: 100%;
    background: radial-gradient( 800px circle at var(--mouse-x) var(--mouse-y), var(--socialyn-s-backlight), transparent 40% );
    z-index: 5;
}

/* === Tags List === */
.socialyn-tags-list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: var(--stg-xs-gap);
    padding: 0;
    margin: 0;
}
.socialyn-tags-list li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
.socialyn-tags-list li a {
    border-radius: var(--socialyn-xs-br);
    font-size: var(--socialyn-t-meta-fs);
    font-weight: var(--socialyn-t-meta-fw);
    letter-spacing: var(--socialyn-t-meta-ls);
    color: var(--socialyn-s-heading);
    text-transform: uppercase;
    padding: calc(0.75 * var(--stg-xs-gap)) calc(1.5 * var(--stg-xs-gap));
    background: var(--socialyn-s-nav);
    -webkit-backdrop-filter: saturate(150%) blur(12px);
    backdrop-filter: saturate(150%) blur(12px);
    display: block;
    border: 1px solid var(--socialyn-s-border);
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

/* === Link with Arrow === */
.socialyn-arrow-link,
a.socialyn-arrow-link {
    display: inline-block;
    position: relative;
    font-size: var(--socialyn-t-meta-fs);
    font-weight: var(--socialyn-t-meta-fw);
    letter-spacing: var(--socialyn-t-meta-ls);
    color: var(--socialyn-s-heading);
    text-transform: uppercase;
    padding: 0 24px 2px 0;
    margin-top: -5px;
}
.socialyn-arrow-link::before,
.socialyn-arrow-link::after {
    content: '';
    position: absolute;
    background: var(--socialyn-s-heading);
    transition: transform 0.3s;
}
.socialyn-arrow-link::before {
    width: calc(100% - 24px);
    height: 2px;
    bottom: 0;
    transform-origin: 0 50%;
}
.socialyn-arrow-link::after {
    content: '';
    width: 16px;
    height: 16px;
    background: var(--socialyn-s-heading);
    display: block;
    right: 0;
    top: 6px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    -webkit-mask-image: var(--icon-arrow-explore);
    mask-image: var(--icon-arrow-explore);
    transform-origin: 0% 100%;
}

/* === Icon Link === */
.socialyn-icon-link {
    display: inline-flex;
    align-items: center;
    gap: 16px;
}
.socialyn-icon-link .socialyn-icon-link-content {
    transition: transform 0.3s;
    will-change: transform;
    margin-top: 4px;
    text-align: left;
}
.socialyn-icon-link .socialyn-icon-link-content:first-child {
    text-align: right;
}
.socialyn-icon-link h6 {
    margin: 0;
}
.socialyn-icon-link .socialyn-label {
    margin: 6px 0 0 0;
    display: block;
}
.socialyn-icon-link .socialyn-icon-wrap {
    width: 80px;
    height: 80px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
    background-color: transparent;
    border-radius: var(--socialyn-small-br);
}
.socialyn-icon-wrap::before {
    content: '';
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 2px solid var(--socialyn-s-heading);
    border-radius: inherit;
    position: absolute;
    display: block;
    transition: opacity 0.3s;
    will-change: opacity;
}
.socialyn-icon-link i {
    transition: transform 0.3s, background-color 0.3s;
}

/* === Square Button === */
.socialyn-square-button {
    aspect-ratio: 1/1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: var(--socialyn-s-accented-text);
    background: var(--socialyn-s-accent);
    border-radius: var(--socialyn-small-br);
    border: 1px solid var(--socialyn-s-border-accent);
    transition: background-color 0.3s;
    cursor: pointer;
    width: 80px;
    height: 80px;
}
.socialyn-square-button span.socialyn-icon {
    width: 24px;
    height: 24px;
    transition: transform 0.2s, background-color 0.3s;
    will-change: transform;
}

/* === Price Card === */
.socialyn-price-card-item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    row-gap: var(--stg-large-gap);
    position: relative;
}
.socialyn-price {
    font-family: var(--socialyn-t-heading-ff);
    font-weight: var(--socialyn-t-heading-fw);
    color: var(--socialyn-s-heading);
    font-size: var(--socialyn-t-h3-fs);
    font-size: var(--socialyn-t-h3-fs);
    letter-spacing: var(--socialyn-t-h3-ls);
    line-height: var(--socialyn-t-h3-lh);
    margin: -10px 0 26px -3px;
}

/* === Marquee === */
.socialyn-marquee {
    background: var(--socialyn-s-accent);
    min-width: 100%;
    overflow: hidden;
    max-width: max-content;
}
.socialyn-marquee a,
.socialyn-marquee p,
.socialyn-marquee h1,
.socialyn-marquee h2,
.socialyn-marquee h3,
.socialyn-marquee h4,
.socialyn-marquee h5,
.socialyn-marquee h6,
.socialyn-marquee span {
    color: var(--socialyn-s-accented-text);
}
.socialyn-marquee-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    width: max-content;
    will-change: transform;
}
.socialyn-marquee.is-init .socialyn-marquee-inner {
    animation: marquee_scroll 5s infinite linear;
}
.socialyn-marquee-inner-wrap {
    display: flex;
    justify-content: flex-start;
    flex-wrap: nowrap;
    width: max-content;
}
.socialyn-marquee-list {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    width: max-content;
}
.socialyn-marquee-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: flex;
    align-items: center;
}
.socialyn-marquee-list li::before {
    content: '';
    width: 8px;
    height: 8px;
    display: block;
    margin: var(--stg-large-gap);
    border-radius: 2px;
    outline: 4px solid var(--socialyn-s-accented-text);;
    transform: translateY(-2px) rotate(45deg);
}

/* === Counter Block === */
.socialyn-counter {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    row-gap: var(--stg-small-gap);
    position: relative;
    text-align: center;
    padding: var(--stg-large-gap) var(--stg-small-gap);
}
.socialyn-counter-number {
    font-family: var(--socialyn-t-heading-ff);
    font-weight: var(--socialyn-t-heading-fw);
    font-size: var(--socialyn-t-h1-fs);
    letter-spacing: var(--socialyn-t-h1-ls);
    line-height: var(--socialyn-t-h1-lh);
    color: var(--socialyn-s-heading);
}
.socialyn-counter-number::before {
    content: attr(data-prefix);
}
.socialyn-counter-number::after {
    content: attr(data-suffix);
}

/* Small Style */
.socialyn-counter.socialyn-small-counter {
    padding: 0;
    text-align: left;
    row-gap: 2px;
}
.socialyn-small-counter .socialyn-counter-number {
    font-size: var(--socialyn-t-h3-fs);
    font-size: var(--socialyn-t-h3-fs);
    letter-spacing: var(--socialyn-t-h3-ls);
    line-height: var(--socialyn-t-h3-lh);
}

/* === Porftolio Grid Card === */
.socialyn-portfolio-card {
    padding: var(--stg-small-gap);
    border-radius: var(--socialyn-default-br);
}
.socialyn-portfolio-card-image {
    transition: transform 0.3s;
    will-change: transform;
    contain: paint;
    aspect-ratio: 1/1;
    border-radius: var(--socialyn-small-br);
}
.socialyn-portfolio-card-image .st-lazy-wrapper {
    border-radius: var(--socialyn-small-br);
}
.socialyn-portfolio-card-image img,
.socialyn-portfolio-card-image video {
    border-radius: unset;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.socialyn-portfolio-card-footer {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: var(--stg-small-gap) 0 9px 0;
}
.socialyn-portfolio-card-title {
    min-height: 24px;
    align-self: flex-end;
}
.socialyn-portfolio-card-title h6 {
    margin: 0;
}
.socialyn-portfolio-card .socialyn-icon {
    transform-origin: 0% 100%;
    width: 24px;
    height: 24px;
    transition: transform 0.3s;
    margin-right: var(--stg-xs-gap);
    margin-top: var(--stg-xs-gap);
}
.socialyn-portfolio-card > a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    border-radius: var(--socialyn-small-br);
}

/* === Portfolio Short List === */
.socialyn-portfolio-short-item {
    position: relative;
    padding: var(--stg-xs-gap);
    border-radius: var(--socialyn-small-br);
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.socialyn-portfolio-thmb {
    width: 88px;
    height: 88px;
    border-radius: var(--socialyn-xs-br);
    overflow: hidden;
    margin-right: var(--stg-gap);
    box-shadow: 0 4px 8px var(--socialyn-s-box-shadow);
}
.socialyn-portfolio-thmb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 0;
}
.socialyn-portfolio-short-item .socialyn-icon {
    position: absolute;
    top: calc(50% - 12px);
    right: var(--stg-gap);
    width: 24px;
    height: 24px;
    transform-origin: 0 100%;
    transition: transform 0.3s;
    will-change: transform;
}
.socialyn-portfolio-short-item a {
    position: absolute;
    border-radius: inherit;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.socialyn-portfolio-short-more {
    position: relative;
    padding: var(--stg-gap);
    border-radius: var(--socialyn-small-br);
    color: var(--socialyn-s-accented-text);
    background: var(--socialyn-s-accent);
    border: 1px solid var(--socialyn-s-border-accent);
}
.socialyn-portfolio-short-item span.socialyn-meta,
.socialyn-portfolio-short-more .socialyn-label {
    display: block;
    margin-bottom: 4px;
    margin-top: -4px;
}
.socialyn-portfolio-short-more {
    --socialyn-s-heading-fade: var(--socialyn-s-accented-text);
    --socialyn-s-heading: var(--socialyn-s-accented-text);
}
.socialyn-portfolio-short-more .socialyn-label {
    opacity: 0.75;
}

/* === Testimonials Grid Card === */
.socialyn-tetimonials-card {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    row-gap: var(--stg-gap);
}
.socialyn-tetimonials-card-descr {
    margin-top: -4px;
}
.socialyn-tetimonials-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: -4px;
}
.socialyn-tetimonials-card-name h6 {
    margin: 0;
    margin-top: 20px;
}
.socialyn-tetimonials-card-name img {
    border-radius: 0;
}
[class*='socialyn-tetimonials-stars'] {
    display: block;
    position: relative;
    width: 76px;
    height: 12px;
    opacity: 0.5;
    margin-bottom: 8px;
}
[class*='socialyn-tetimonials-stars']::before,
[class*='socialyn-tetimonials-stars']::after {
    content: '';
    height: 12px;
    background: var(--socialyn-s-heading);
    -webkit-mask-repeat: repeat-x;
    -webkit-mask-size: contain;
    -webkit-mask-position: left;
    mask-repeat: repeat-x;
    mask-size: contain;
    mask-position: left;
    position: absolute;
    left: 0;
    top: 0;
}
[class*='socialyn-tetimonials-stars']::before {
    -webkit-mask-image: var(--icon-star-empty);
    mask-image: var(--icon-star-empty);
    z-index: 1;
    width: 100%;
}
[class*='socialyn-tetimonials-stars']::after {
    -webkit-mask-image: var(--icon-star-full);
    mask-image: var(--icon-star-full);
    z-index: 3;
}
.socialyn-tetimonials-stars1::after {
    width: 20%;
}
.socialyn-tetimonials-stars2::after {
    width: 40%;
}
.socialyn-tetimonials-stars3::after {
    width: 60%;
}
.socialyn-tetimonials-stars4::after {
    width: 80%;
}
.socialyn-tetimonials-stars5::after {
    width: 100%;
}

/* === Carousel Card === */
.socialyn-carousel {
    border-radius: var(--socialyn-xs-br);
}
.socialyn-fullscreen-page .socialyn-carousel-wrapper {
    position: relative;
    height: calc(100svh - var(--st-header-height) - var(--st-footer-height));
}
.socialyn-fullscreen-page .socialyn-carousel {
    top: 50%;
    transform: translateY(-50%);
}
.socialyn-fullscreen-page .socialyn-carousel.swiper {
    overflow: visible;
}
.socialyn-carousel-card {
    padding: var(--stg-small-gap);
}
.socialyn-carousel-card-image {
    transition: transform 0.3s;
    will-change: transform;
    contain: paint;
    border-radius: var(--socialyn-xs-br);
}
.socialyn-carousel-card-image img,
.socialyn-carousel-card-image video {
    border-radius: unset
}
.socialyn-carousel-card-footer {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: var(--stg-small-gap) 0 9px 0;
}
.socialyn-carousel-card-title {
    min-height: 24px;
    align-self: flex-end;
}
.socialyn-carousel-card-title h6 {
    margin: 0;
}
.socialyn-carousel-card .socialyn-icon {
    transform-origin: 0% 100%;
    width: 24px;
    height: 24px;
    transition: transform 0.3s;
    margin-right: var(--stg-xs-gap);
    margin-top: var(--stg-xs-gap);
}
.socialyn-carousel-card > a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    border-radius: var(--socialyn-small-br);
}

/* === List with Preview === */
.socialyn-list-with-preview {
    display: flex;
    justify-content: space-between;
    gap: var(--stg-gap);
}
.socialyn-list-with-preview[data-preview-position="right"] {
    flex-direction: row-reverse;
}
.socialyn-list-with-preview > div {
    width: 50%;
}
.socialyn-lwp-media {
    position: relative;
    overflow: hidden;
    border-radius: var(--socialyn-default-br);
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    width: 100%;
}
.socialyn-lwp-media img,
.socialyn-lwp-media video {
    width: 100%;
    height: auto;
    min-width: 100%;
    object-position: center;
}
.socialyn-lwp-media img,
.socialyn-lwp-media video {
    transition: clip-path 0.3s;
    position: relative;
    border-radius: unset;
}
.socialyn-lwp-media img.is-active,
.socialyn-lwp-media video.is-active {
    animation: lwp_active 0.3s ease-in-out;
}
.socialyn-lwp-roster {
    display: flex;
    flex-direction: column;
    gap: var(--stg-gap);
}
.socialyn-lwp-item {
    transition: background-color 0.2s, border-color 0.2s;
    position: relative;
    border-radius: var(--socialyn-default-br);
}
.socialyn-lwp-item .socialyn-accent {
    transition: color 0.2s;
}
.socialyn-lwp-item a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
}
.socialyn-lwp-roster img {
    display: none;
}
.socialyn-list-with-preview[data-preview-position="right"] .socialyn-lwp-media img.is-active,
.socialyn-list-with-preview[data-preview-position="right"] .socialyn-lwp-media video.is-active {
    animation: lwp_active_r 0.3s ease-in-out;
}

/* === Carousel (Swiper) === */
.socialyn-carousel {
    --swiper-gap: var(--stg-gap);
}
.socialyn-dots .swiper-pagination-bullet {
    background: var(--socialyn-s-heading);
}
.socialyn-dots .swiper-pagination-bullet-active {
    background: var(--socialyn-s-heading);
}
.socialyn-dots.swiper-pagination {
    position: static;
    bottom: auto;
    left: auto;
    margin: var(--stg-gap) auto 0 auto;
    transform: none!important;
    height: 12px;
}
.socialyn-dots .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}

/* === Detailed List === */
.socialyn-detailed-list {
    margin: 0;
    padding: 0;
    position: relative;
}
.socialyn-detailed-list li {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    padding: var(--stg-gap) 0 calc(1px + var(--stg-gap)) 0;
    position: relative;
    margin: 0 calc(-0.5 * var(--stg-gap));
}
.socialyn-detailed-list::before,
.socialyn-detailed-list li::before,
.socialyn-detailed-list li::after {
    content: '';
    position: absolute;
    width: 100%;
    display: block;
}
.socialyn-detailed-list::before,
.socialyn-detailed-list li::after {
    left: calc(-0.5 * (100vw - var(--stg-container-width)));
    bottom: 0;
    height: 1px;
    background: var(--socialyn-c-border-gradient);
    width: 100vw;
}
.socialyn-detailed-list::before {
    bottom: auto;
    top: 0;
}
.socialyn-detailed-list li::before {
    height: 100%;
    background: radial-gradient(ellipse, var(--socialyn-s-heading) 0%, transparent 75%) no-repeat bottom center;
    background-size: 100% 200%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s;
    will-change: opacity;
}
.socialyn-detailed-list li > div {
    margin: 0 calc(0.5 * var(--stg-gap));
}
.socialyn-detailed-list li a {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
}
.socialyn-detailed-list-title {
    min-width: calc(33.333% - var(--stg-gap));
    max-width: calc(33.333% - var(--stg-gap));
}
.socialyn-detailed-list-title > * {
    margin-top: 0;
}
.socialyn-detailed-list-description {
    min-width: calc(66.666% - 2 * var(--stg-gap) - 80px);
    max-width: calc(66.666% - 2 * var(--stg-gap) - 80px);
}
.socialyn-detailed-list-button {
    width: 80px;
    height: 80px;
    border: 2px solid var(--socialyn-s-heading);
    border-radius: var(--socialyn-small-br);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s, border-color 0.3s;
}
.socialyn-detailed-list-button span.socialyn-icon {
    width: 24px;
    height: 24px;
    transition: background-color 0.3s;
}

/* === Image Box === */
.socialyn-image-box:not(:last-child) {
    margin-bottom: var(--stg-large-gap);
}
.socialyn-image-box-head {
    display: flex;
    justify-content: flex-start;
    gap: 16px;
    align-items: center;
    margin-bottom: var(--stg-small-gap);
}
.socialyn-image-box-head img {
    max-width: 64px;
    height: auto;
    display: block;
    border-radius: var(--socialyn-xs-br);
}

/* === Icon Box === */
.socialyn-icon-box {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    row-gap: var(--stg-xl-gap);
    position: relative;
}
.socialyn-icon-box .socialyn-box-icon {
    width: 64px;
    height: 64px;
    border-radius: var(--socialyn-small-br);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: var(--stg-gap);
    top: var(--stg-gap);
}
.socialyn-icon-box i {
    width: 32px;
    height: 32px;
}
.socialyn-icon-box .socialyn-box-icon::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 2px solid var(--socialyn-s-heading);
    border-radius: inherit;
    background-color: transparent;
}
.socialyn-icon-box h4 {
    padding-right: calc(64px + var(--stg-gap));
    margin: 0;
}
.socialyn-icon-box .socialyn-large-text {
    margin: 0;
}

/* === Grid More Masked === */
.socialyn-grid-more-masked {
    --masked-border-radius: var(--socialyn-small-br);
    --masked-inner-radius: var(--socialyn-default-br);
    position: relative;
}
.socialyn-grid-more-masked a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--socialyn-small-br);
}
.socialyn-grid-more-masked .socialyn-masked-media p {
    padding-right: 96px;
}

/* === Price Table Card === */
.socialyn-price-table h6,
.socialyn-price-table > p {
    margin-bottom: var(--stg-gap);
}
.socialyn-price-wrapper {
    background: radial-gradient(ellipse at center top, var(--socialyn-s-backlight) 0%, transparent) no-repeat;
    margin: 0 calc(-1 * var(--stg-gap)) var(--stg-gap) calc(-1 * var(--stg-gap));
    padding: var(--stg-gap);
    width: calc(100% + 2 * var(--stg-gap));
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.socialyn-price-wrapper::before,
.socialyn-price-table ul.socialyn-marked-list::after,
.socialyn-price-wrapper::after {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--socialyn-c-border-gradient);
    position: absolute;
    left: 0;
}
.socialyn-price-wrapper::before {
    top: 0;
}
.socialyn-price-table ul.socialyn-marked-list::after,
.socialyn-price-wrapper::after {
    bottom: 0;
}
.socialyn-price-wrapper > .socialyn-label {
    margin-bottom: 5px;
}
.socialyn-price-wrapper > h2 {
    margin-bottom: -4px;
}
.socialyn-price-table > .socialyn-label {
    color: var(--socialyn-s-heading);
    opacity: 1;
    margin-bottom: var(--stg-small-gap);
}
.socialyn-price-table ul.socialyn-marked-list {
    margin-bottom: var(--stg-gap);
    padding-bottom: var(--stg-gap);
    position: relative;
}
.socialyn-price-table ul.socialyn-marked-list li:last-child {
    margin: 0;
}

/* === FAQ List === */
.socialyn-faq-list {
    display: flex;
    flex-direction: column;
    gap: var(--stg-gap);
}
.socialyn-faq-list hr {
    margin-top: 0;
    margin-bottom: 0;
}

/* === Toggles === */
.socialyn-toggles-item {
    cursor: pointer;
}
.socialyn-toggles-item--title {
    display: block;
    position: relative;
}
.socialyn-toggles-item--title .socialyn-label {
    margin: -4px 0 8px 0;
    display: block;
}
.socialyn-toggles-item--title sup {
    display: inline-block;
    margin: 0 2px;
    transform: translateY(-6px);
}
.socialyn-toggles-item--title h4 {
    margin-bottom: 4px;
    padding-right: 64px;
    display: flex;
    justify-content: flex-start;
    gap: 8px;
    align-items: flex-start;
}
.socialyn-toggles-item--title i.socialyn-icon {
    position: absolute;
    right: 0;
    top: calc(50% - 16px);
    margin: 0;
    width: 32px;
    height: 32px;
    transform: rotate(-90deg);
    transition: transform 0.3s;
    will-change: transform;
}
.is-active .socialyn-toggles-item--title .socialyn-icon {
    transform: rotate(0deg) translate(0, 12px);
}
.socialyn-toggles-item--content {
    padding-top: calc(2 * var(--stg-gap));
    position: relative;
    cursor: default;
}
.socialyn-toggles-item--content::after {
    content: '';
    width: 100%;
    height: 1px;
    background: var(--socialyn-c-border-gradient);
    position: absolute;
    left: 0;
    top: var(--stg-gap);
}
.socialyn-toggles-item--content span {
    margin-bottom: var(--stg-small-gap);
    display: block;
}

/* === Swiper Slider === */
.socialyn-slider-wrapper {
    position: relative;
}
.socialyn-slider-wrapper svg {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    pointer-events: none;
    opacity: 0;
}
.socialyn-slider {
    border-radius: var(--socialyn-default-br);
    position: relative;
}
.socialyn-slider-wrapper .socialyn-slider {
    border-radius: 0;
}
.socialyn-slider:not([data-effect="coverflow"]) img,
.socialyn-slider:not([data-effect="coverflow"]) video {
    border-radius: 0;
}
.socialyn-slider-nav {
    position: absolute;
    z-index: 22;
}

/* Masked Block Navigation */
.socialyn-slider-nav.socialyn-masked-content {
    display: flex;
    width: 160px;
    height: 80px;
}
.socialyn-slider-nav.socialyn-masked-content a {
    width: 64px;
    height: 64px;
    margin: 16px 0 0 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: var(--socialyn-small-br);
    transition: background-color 0.3s;
}
.socialyn-slider-nav.socialyn-masked-content a::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: inherit;
    border: 2px solid var(--socialyn-s-heading);
    z-index: 3;
    transition: opacity 0.3s;
    will-change: opacity;
}
.socialyn-slider-nav.socialyn-masked-content span.socialyn-icon {
    width: 16px;
    height: 16px;
    position: relative;
    z-index: 5;
    transition: transform 0.3s, background-color 0.3s;
    will-change: transform;
}

/* Side by Side Navigation */
.socialyn-slider-nav.on-sides {
    pointer-events: none;
    left: 0;
    width: 100%;
    top: calc(50% - 48px);
    display: flex;
    justify-content: space-between;
    --masked-border-radius: var(--socialyn-default-br);
    --masked-inner-radius: var(--socialyn-xl-br);
}
.socialyn-slider-nav.on-sides a {
    pointer-events: all;
    width: 64px;
    height: 96px;
    display: block;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.socialyn-slider-nav.on-sides a span.socialyn-icon {
    width: 24px;
    height: 24px;
    background: var(--socialyn-s-heading);
    transition: transform 0.3s;
    will-change: transform;
}

/* Content */
.socialyn-slider .swiper-slide.has-content {
    --masked-border-radius: var(--socialyn-default-br);
    --masked-inner-radius: var(--socialyn-large-br);
}
.socialyn-slider .socialyn-slide-content {
    position: absolute;
    bottom: 0;
}
.socialyn-slider .socialyn-slide-content-inner {
    padding: var(--stg-gap) var(--stg-large-gap);
    transition: transform 0.3s;
    will-change: transform;
}
.socialyn-slide-content > a {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}
.socialyn-slide-post-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.socialyn-slide-post-title .socialyn-meta {
    opacity: 0.5;
    margin-bottom: var(--stg-xs-gap);
}

/* === Fullscreen Slider === */
.socialyn-fullscreen-page .socialyn-slider-wrapper {
    top: var(--st-header-height);
    width: calc(100% - 2 * var(--stg-small-gap));
    height: calc(100svh - var(--st-header-height) - var(--st-footer-height));
    margin: 0 var(--stg-small-gap);
    overflow: hidden;
}
.socialyn-fullscreen-page .socialyn-slider-media .st-lazy-wrapper {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.socialyn-fullscreen-page .socialyn-slider {
    width: 100%;
    height: inherit
}
.socialyn-fullscreen-page .socialyn-slider img,
.socialyn-fullscreen-page .socialyn-slider video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0;
}
.socialyn-fullscreen-page .socialyn-slider .swiper-slide {
    height: 100%;
    position: relative;
}
.socialyn-fullscreen-page .socialyn-slider-media {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

/* === Portfolio Next Post === */
.socialyn-next-post.socialyn-icon-link {
    gap: var(--stg-gap);
}
.socialyn-next-post h2 {
    font-size: var(--socialyn-t-h1-fs);
    letter-spacing: var(--socialyn-t-h1-ls);
    line-height: var(--socialyn-t-h1-lh);
    margin: var(--socialyn-t-h1-margin);
    margin-bottom: 0;
}
.socialyn-next-post h6 {
    opacity: 0.75;
    margin: 0 0 var(--stg-xs-gap) 0;
}
.socialyn-next-post .socialyn-icon-link-content {
    text-align: right;
}
.socialyn-next-post.socialyn-icon-link .socialyn-icon-wrap {
    width: 160px;
    height: 160px;
    border-radius: var(--socialyn-large-br);
}
.socialyn-next-post .socialyn-icon {
    width: 48px;
    height: 48px;
}
.socialyn-next-post .socialyn-icon-wrap::before {
    border: 4px solid var(--socialyn-s-heading);
}

/* === Bento Grid Block === */
.socialyn-bento-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: var(--stg-gap);
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-auto-flow: column;
    max-width: 100%;
}
.socialyn-bento-grid img {
    max-width: 100%;
    height: auto;
}
.socialyn-bento-grid .is-medium {
    overflow: hidden;
}
.socialyn-bento-grid .is-small {
    aspect-ratio: 1;
}
/* Type 01 */
.socialyn-bento-grid .is-large:first-child {
    grid-area: 1 / 1 / 3 / 3;
}
.socialyn-bento-grid .is-medium:nth-child(2) {
    grid-area: 1 / 3 / 1 / 5;
}
/* Type 02 */
.socialyn-bento-grid .is-medium:last-child {
    grid-area: 2 / 3 / 2 / 5;
}
/* Type 03 */
.socialyn-bento-grid .is-medium:first-child {
    grid-area: 1 / 1 / 2 / 3;
}
.socialyn-bento-grid .is-large:last-child {
    grid-area: 1 / 3 / 3 / 5;
}
/* Type 04 */
.socialyn-bento-grid .is-medium:nth-child(3) {
    grid-area: 2 / 1 / 3 / 3;
}

/* Inner Elements */
.socialyn-bento-grid > div {
    position: relative;
}
.socialyn-bento-grid > div,
.socialyn-bento-grid .socialyn-block {
    border-radius: var(--socialyn-default-br);
}
.socialyn-bento-grid div:has(img) {
    padding: 0;
    contain: paint;
}
.socialyn-bento-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}
.socialyn-bento-grid h1,
.socialyn-bento-grid h2 {
    margin-bottom: 0;
}
.socialyn-bento-grid > div > ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.socialyn-bento-grid .socialyn-marked-list {
    margin: 0
}

/* === Meta List === */
.socialyn-meta-list {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    justify-content: space-between;
    align-items: flex-start;
    padding: 0;
    margin: 0;
}
.socialyn-meta-list li {
    padding: 0;
    margin: 0;
    list-style: none;
}
.socialyn-meta-list li span {
    display: block;
}
/* Hack for Safari */
@supports (-webkit-appearance:none) and (stroke-color:transparent) {
    .socialyn-meta-list {
        min-height: calc(100% - 2 * var(--stg-gap));
    }
}

/* === Masked CTA === */
.socialyn-masked-cta .socialyn-cta-form {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: var(--stg-gap);
    padding: var(--stg-large-gap);
    background: var(--socialyn-s-accent);
}
.socialyn-masked-cta .socialyn-cta-form {
    --socialyn-s-heading: var(--socialyn-s-accented-text);
}
.socialyn-masked-cta button {
    background: var(--socialyn-s-heading);
    border-color: var(--socialyn-s-heading);
    border-radius: var(--socialyn-default-br);
    padding: calc(1.5 * var(--stg-gap)) calc(1.5 * var(--stg-large-gap));
}
.socialyn-masked-cta button span {
    background: var(--socialyn-s-accent);
    width: 32px;
    height: 32px;
}
.socialyn-cta-title {
    font-family: var(--socialyn-t-heading-ff);
    font-weight: var(--socialyn-t-heading-fw);
    font-size: var(--socialyn-t-h1-fs);
    letter-spacing: var(--socialyn-t-h1-ls);
    line-height: var(--socialyn-t-h1-lh);
    color: var(--socialyn-s-heading);
    margin-bottom: var(--stg-large-gap);
}
.socialyn-masked-cta input {
    background: var(--socialyn-s-border);
    color: var(--socialyn-s-heading);
    font-family: var(--socialyn-t-heading-ff);
    font-weight: var(--socialyn-t-heading-fw);
    font-size: var(--socialyn-t-h2-fs);
    letter-spacing: var(--socialyn-t-h2-ls);
    line-height: 1;
    border-radius: var(--socialyn-default-br);
    padding: var(--stg-gap);
    padding-top: calc(var(--stg-gap) - 4px);
}
.socialyn-masked-cta input:focus {
    border-color: var(--socialyn-s-border);
}
.socialyn-masked-cta input::-webkit-input-placeholder {
	opacity: 1;
	color: var(--socialyn-s-heading);
}
.socialyn-masked-cta input::-moz-placeholder {
	opacity: 1;
	color: var(--socialyn-s-heading);
}
.socialyn-masked-cta input::-ms-input-placeholder {
	opacity: 1;
	color: var(--socialyn-s-heading);
}
.socialyn-masked-cta-content {
    text-align: right;
    width: 350px;
}
.socialyn-masked-cta-content p {
    display: block;
    padding: 0 0 var(--stg-d-gap) var(--stg-d-gap);
}

/* === Member Contacts === */
.socialyn-member-contacts-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: var(--stg-small-gap);
}
.socialyn-member-contacts-list a {
    font-family: var(--socialyn-t-heading-ff);
    font-weight: var(--socialyn-t-heading-fw);
    color: var(--socialyn-s-heading);
    font-size: var(--socialyn-t-h6-fs);
    letter-spacing: var(--socialyn-t-h6-ls);
    line-height: var(--socialyn-t-h6-lh);
}
.socialyn-member-contacts .socialyn-socials-list {
    margin-top: var(--stg-gap);
}
.socialyn-member-contacts .socialyn-socials-list a {
    width: 80px;
    height: 80px;
    border-radius: var(--socialyn-small-br);
}
.socialyn-member-contacts .socialyn-socials-list a::before {
    border: 2px solid var(--socialyn-s-heading);
}
.socialyn-member-contacts .socialyn-socials-list a i {
    width: 40px;
    height: 40px;
}

/* === Infinite List === */
body:has(.socialyn-infinite-list) .socialyn-backlight {
    display: none;
}
.socialyn-infinite-list-wrap {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: grab;
}
.socialyn-infinite-list-wrap.is-grabbed {
    cursor: grabbing;
}
.socialyn-infinite-list {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}
.socialyn-infinite-scroll {
    width: var(--stg-container-width);
    margin: 0 auto;
    position: relative;
    z-index: 15;
}
.socialyn-infinite-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 30px 0 35px 0;
    transition: opacity 0.3s;
}
.socialyn-infinite-list-item::before {
    content: '';
    position: absolute;
    width: 100%;
    display: block;
    height: 100%;
    background: radial-gradient(ellipse, var(--socialyn-s-heading) 0%, transparent 75%) no-repeat bottom center;
    background-size: 100% 200%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s;
    will-change: opacity;
}
.socialyn-infinite-list-item::after {
    content: '';
    width: 100vw;
    height: 1px;
    display: block;
    background: var(--socialyn-c-border-gradient);
    position: absolute;
    bottom: 0;
    left: calc(-0.5 * (100vw - var(--stg-container-width)));
}
.socialyn-infinite-list-item a {
    position: absolute;
    left: -65px;
    top: 0;
    width: calc(100% + 130px);
    height: 100%;
    z-index: 5;
    display: block;
}
.socialyn-infinite-list-title {
    transition: transform 0.3s;
    will-change: transform;
}
.socialyn-infinite-list-item .socialyn-meta {
    display: block;
    margin-bottom: 7px;
}
.socialyn-infinite-list-preview {
    position: absolute;
    width: 96px;
    height: 96px;
    border-radius: var(--socialyn-small-br);
    right: calc(100% + 28px);
    top: calc(50% - 48px);
    background: no-repeat center;
    background-size: cover;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s;
}
.socialyn-infinite-list-preview video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
}
.socialyn-infinite-list-icon {
    width: 80px;
    height: 80px;
    display: block;
    border-radius: var(--socialyn-small-br);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.socialyn-infinite-list-icon span {
    position: relative;
    z-index: 5;
    transition: transform 0.3s, background-color 0.3s;
}
.socialyn-infinite-list-icon::before,
.socialyn-infinite-list-icon::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border-radius: inherit;
    will-change: opacity;
    transition: opacity 0.3s;
}
.socialyn-infinite-list-icon::before {
    z-index: 3;
    border: 2px solid var(--socialyn-s-heading);
    opacity: 1;
}
.socialyn-infinite-list-icon::after {
    background: var(--socialyn-s-accent);
    opacity: 0;
}
.socialyn-infinite-list-bgs {
    pointer-events: none;
    opacity: 0.15;
}
.socialyn-infinite-list-bgs,
.socialyn-infinite-list-bgs > div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}
.socialyn-infinite-list-bgs > div {
    background: no-repeat center;
    background-size: cover;
    will-change: opacity, transform;
    transition: opacity 0.5s, transform 0.5s;
    transform: scale(1.05);
    opacity: 0;
    z-index: 1;
}
.socialyn-infinite-list-bgs > div.is-active {
    opacity: 1;
    transform: scale(1);
    z-index: 2;
}
.socialyn-infinite-list-bgs > div video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* === Column Listing Item === */
.socialyn-column-item:not(:last-child) {
    margin-bottom: var(--stg-large-gap);
}
.socialyn-column-item.socialyn-masked-block {
    --masked-inner-radius: var(--socialyn-large-br);
}
.socialyn-column-item-content {
    padding: var(--stg-gap) var(--stg-gap) 0 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-width: calc(0.33 * var(--stg-container-width));
}
.socialyn-column-item-title {
    padding-left: var(--stg-small-gap);
    margin-right: var(--stg-gap);
    transform: translateY(-4px);
    transition: transform 0.3s;
}
.socialyn-column-item-title span {
    margin-bottom: 8px;
    display: block;
    transition: transform 0.3s;
}
.socialyn-column-item-title h4 {
    margin-bottom: 0;
    transition: transform 0.3s;
}
.socialyn-column-item-content .socialyn-icon-wrap {
    position: relative;
    width: 80px;
    height: 80px;
    border-radius: var(--socialyn-small-br);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
}
.socialyn-column-item-content .socialyn-icon-wrap::before {
    transition: opacity 0.3s;
    will-change: opacity;
}

.socialyn-column-item a {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--socialyn-default-br);
    z-index: 7;
}

/* === Grid CTA === */
.socialyn-masked-content {
    max-width: 35%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.socialyn-masked-content:has(.socialyn-square-button) {
    max-width: 50%;
}
.socialyn-grid-cta-media {
    padding: var(--stg-large-gap);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.socialyn-masked-cta-content p {
    padding: 0 0 var(--stg-d-gap) var(--stg-d-gap);
    display: block;
    text-align: right;
}
.socialyn-bento-grid .socialyn-masked-content p {
    padding: var(--stg-d-gap) 0 0 var(--stg-d-gap);
}
.socialyn-bento-grid div[data-bg-src] p,
.socialyn-bento-grid div[data-bg-src] h1,
.socialyn-bento-grid div[data-bg-src] h2,
.socialyn-bento-grid div[data-bg-src] h3,
.socialyn-bento-grid div[data-bg-src] h4,
.socialyn-bento-grid div[data-bg-src] h5,
.socialyn-bento-grid div[data-bg-src] h6,
.socialyn-bento-grid div[data-bg-src] p.socialyn-large-text {
    color: var(--socialyn-s-accented-text);
}
.socialyn-grid-cta .is-medium {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
.socialyn-grid-cta .socialyn-square-button {
    width: 100%;
    height: 100%;
    border-radius: var(--socialyn-default-br);
}
.socialyn-grid-cta .socialyn-square-button span {
    width: 80px;
    height: 80px;
}
.socialyn-grid-cta-heading {
    font-family: var(--socialyn-t-heading-ff);
    font-weight: var(--socialyn-t-heading-fw);
    color: var(--socialyn-s-accented-text);
    font-size: var(--socialyn-t-h1-fs);
    letter-spacing: var(--socialyn-t-h1-ls);
    line-height: var(--socialyn-t-h1-lh);
    margin: var(--socialyn-t-h1-margin);
}

/* === CTA with Image === */
.stg-cta-with-image {
    --this-spacing: var(--socialyn-section-gap);
    padding: var(--this-spacing) 0;
}
.stg-cta-with-image > div {
    position: relative;
}
[class*='stg-col-'] > div.socialyn-offset-image {
    --this-offset: calc(-0.5 * (100vw - var(--stg-container-width)));
    width: calc(50% - var(--this-offset));
    top: calc(-1 * var(--this-spacing));
    bottom: calc(-1 * var(--this-spacing));
    position: absolute;
    background-position: right;
}
[class*='stg-col-']:first-child > div.socialyn-offset-image {
    left: var(--this-offset);
    border-radius: 0 var(--socialyn-default-br) var(--socialyn-default-br) 0;
}
[class*='stg-col-']:last-child > div.socialyn-offset-image {
    right: var(--this-offset);
    border-radius: var(--socialyn-default-br) 0 0 var(--socialyn-default-br);
}
.socialyn-cta-form-title {
    font-family: var(--socialyn-t-heading-ff);
    font-weight: var(--socialyn-t-heading-fw);
    color: var(--socialyn-s-heading);
    font-size: var(--socialyn-t-h1-fs);
    letter-spacing: var(--socialyn-t-h1-ls);
    line-height: var(--socialyn-t-h1-lh);
}
.socialyn-cta-text {
    padding: calc(var(--stg-gap) + var(--stg-large-gap)) 0;
}
.socialyn-cta-icon {
    position: relative;
}
.socialyn-cta-icon,
.socialyn-cta-icon::before,
.socialyn-cta-icon::after {
    background-color: var(--socialyn-s-text-accent);
    border-radius: 4px;
    width: 8px;
    height: 64px;
    display: block;
}
.socialyn-cta-icon::before,
.socialyn-cta-icon::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}
.socialyn-cta-icon::before {
    transform: rotate(120deg);
}
.socialyn-cta-icon::after {
    transform: rotate(240deg);
}

/* === Right Click Protection === */
.socialyn-rcp-wrap,
.socialyn-rcp-overlay {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 333;
}
.socialyn-rcp-wrap {
    transition: opacity 0.3s;
    will-change: opacity;
    pointer-events: none;
    opacity: 0;
}
.rcp-show .socialyn-rcp-wrap {
    pointer-events: all;
    opacity: 1;
}
.socialyn-rcp-overlay {
    z-index: 3;
    background-color: var(--socialyn-s-body-bg);
    opacity: 0.9;
}
.socialyn-rcp-container {
    z-index: 5;
    position: absolute;
    left: calc(50% - 0.5 * var(--stg-container-width));
    top: 50%;
    width: var(--stg-container-width);
    text-align: center;
    transition: transform 0.3s;
    will-change: transform;
    transform: translateY(0%);
    pointer-events: none;
}
.rcp-show .socialyn-rcp-container {
    transform: translateY(-50%);
}

/** ==============
    10. PHOTOSWIPE
    ============== */
.pswp__img {
    border-radius: var(--socialyn-default-br);
}
.pswp__ui {
    width: 100%;
    height: 100%;
    position: relative;
    pointer-events: none;
}
.pswp--open .pswp__ui button {
    pointer-events: all;
}
.pswp__button,
.pswp__ui--fit .pswp__top-bar button.pswp__button {
    width: 60px;
    height: 60px;
    border-radius: var(--socialyn-small-br);
    background: var(--socialyn-s-nav);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s;
}
.pswp__button::before,
.pswp__ui--fit .pswp__top-bar button.pswp__button::before,
.pswp__button::after,
.pswp__ui--fit .pswp__top-bar button.pswp__button::after {
    content: '';
    position: absolute;
    display: block;
}
.pswp__button::before,
.pswp__ui--fit .pswp__top-bar button.pswp__button::before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    border: 2px solid var(--socialyn-s-heading);
    border-radius: inherit;
    transition: opacity 0.3s;
}
.pswp__button::after,
.pswp__ui--fit .pswp__top-bar button.pswp__button::after {
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    -webkit-mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    background: var(--socialyn-s-heading);
    width: 16px;
    height: 16px;
    transition: transform 0.3s;
}
button.pswp__button.pswp__button--close,
.pswp__top-bar button.pswp__button,
.pswp__ui--fit .pswp__top-bar button.pswp__button {
    right: 64px;
    top: 48px;
    position: absolute;
}
button.pswp__button.pswp__button--close::after,
.pswp__ui--fit .pswp__top-bar button.pswp__button::after {
    -webkit-mask-image: var(--icon-cross);
    mask-image: var(--icon-cross);
    width: 14px;
    height: 14px;
}
.socialyn-pswp-prev,
.socialyn-pswp-next {
    position: absolute;
    top: calc(50% - 20px);
}
.socialyn-pswp-prev {
    left: 64px;
}
button.pswp__button.socialyn-pswp-prev::after {
    -webkit-mask-image: var(--icon-chevron-left);
    mask-image: var(--icon-chevron-left);
}
button.pswp__button.socialyn-pswp-next::after {
    -webkit-mask-image: var(--icon-chevron-right);
    mask-image: var(--icon-chevron-right);
}
.socialyn-pswp-next {
    right: 64px;
}
.pswp__preloader {
    top: calc(50% - 22px);
}
.socialyn-pswp-media--video {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: all;
}
.socialyn-pswp-media--video video {
    width: 100%;
    height: auto;
    border-radius: var(--socialyn-default-br);
}

/** ================
    11. HOVER STATES
    ================ */
@media (hover:hover) {
    a:hover {
        color: var(--socialyn-s-heading);
    }

    /* --- PSWP Lightbox --- */
    .pswp__button:hover::after {
        transform: scale(1.2);
    }
    .pswp__button:hover::before,
    .pswp__ui--fit .pswp__top-bar button.pswp__button:hover::before {
        opacity: 0.15;
    }
    .pswp__button:hover,
    .pswp__ui--fit .pswp__top-bar button.pswp__button:hover {
        background-color: var(--socialyn-s-accent);
    }
    .socialyn-lightbox-link > .st-lazy-wrapper,
    .socialyn-lightbox-link > img {
        transition: scale 0.3s;
    }
    .socialyn-lightbox-link:hover > .st-lazy-wrapper,
    .socialyn-lightbox-link:hover > img {
        scale: 1.02;
    }

    /* --- Forms and Fields --- */
    input[type="button"]:hover,
    input[type="reset"]:hover,
    input[type="submit"]:hover,
    button:not([class*='pswp']):hover,
    a.socialyn-button:hover {
        color: var(--socialyn-s-accented-text);
        background-color: var(--socialyn-button-hover-bg);
    }
    a.socialyn-button.is-secondary:hover,
    .socialyn-square-button.is-secondary:hover {
        background: var(--socialyn-s-accent);
        border-color: var(--socialyn-s-border-accent);
    }
    a.socialyn-button.is-secondary:hover {
        background: var(--socialyn-s-border);
    }

    /* --- Main Menu --- */
    ul.main-menu li:hover > a {
        color: var(--socialyn-c-menu-hover);
    }
    ul.main-menu li.menu-item-has-children:hover > a::after {
        background-color: var(--socialyn-c-menu-hover);
    }
    ul.sub-menu li:hover::before {
        opacity: 1;
    }
    nav.socialyn-nav ul.sub-menu li:hover::before {
        opacity: 1;
    }

    /* --- Footer --- */
    #socialyn-footer .socialyn-menu-widget a:hover,
    .socialyn-menu-widget ul li:hover::before {
        opacity: 1;
    }
    .socialyn-socials-list a:hover {
        background-color: var(--socialyn-s-accent);
    }
    .socialyn-socials-list a:hover i {
        background-color: var(--socialyn-s-accented-text);
    }
    .socialyn-socials-list a:hover::before {
        opacity: 0.15;
    }

    /* --- Block --- */
    .socialyn-block:hover::after {
        opacity: 0.75;
    }
    .socialyn-block:hover::before {
        opacity: 1;
    }

    /* --- Links --- */
    .socialyn-tags-list li a:hover {
        background-color: var(--socialyn-s-accent);
        border-color: var(--socialyn-s-border-accent);
        color: var(--socialyn-s-accented-text);
    }
    .socialyn-arrow-link:hover::before {
        transform: scale(0, 1);
    }
    .socialyn-arrow-link:hover::after {
        transform: scale(1.2, 1.2);
    }

    /* --- Icon Link --- */
    .socialyn-icon-link:hover i {
        transform: scale(1.2);
        background-color: var(--socialyn-s-accented-text);
    }
    .socialyn-icon-link:hover .socialyn-icon-wrap {
        background-color: var(--socialyn-s-accent);
    }
    .socialyn-icon-link:hover .socialyn-icon-wrap::before {
        opacity: 0.15;
    }
    .socialyn-icon-link:hover .socialyn-icon-link-content:first-child {
        transform: translateX(calc(-1 * var(--stg-xs-gap)));
    }
    .socialyn-icon-link:hover .socialyn-icon-link-content:last-child {
        transform: translateX(var(--stg-xs-gap));
    }

    .socialyn-square-button:hover span.socialyn-icon {
        transform: scale(1.2);
        background-color: var(--socialyn-s-accented-text);
    }

    /* --- Portfolio --- */
    .socialyn-portfolio-card:hover .socialyn-icon {
        transform: scale(1.2, 1.2);
    }
    .socialyn-portfolio-card:hover .socialyn-portfolio-card-image {
        transform: scale(1.01);
    }
    .socialyn-portfolio-short-item:hover .socialyn-icon {
        transform: scale(1.2);
    }

    .socialyn-carousel-card:hover .socialyn-icon {
        transform: scale(1.2, 1.2);
    }
    .socialyn-carousel-card:hover .socialyn-carousel-card-image {
        transform: scale(1.01);
    }
    .socialyn-detailed-list li:hover::before {
        opacity: 0.05;
    }
    .socialyn-detailed-list li:has(a):hover .socialyn-detailed-list-button {
        background: var(--socialyn-s-accent);
        border-color: var(--socialyn-s-border-accent);
    }
    .socialyn-detailed-list li:has(a):hover .socialyn-detailed-list-button .socialyn-icon {
        background-color: var(--socialyn-s-accented-text);
    }
    .socialyn-grid-more-masked:hover .socialyn-square-button.is-secondary {
        background: var(--socialyn-s-accent);
        border-color: var(--socialyn-s-border-accent);
    }
    .socialyn-grid-more-masked:hover .socialyn-square-button span.socialyn-icon {
        transform: scale(1.2);
        background-color: var(--socialyn-s-accented-text);
    }

    /* --- Slider --- */
    .socialyn-slider-nav.socialyn-masked-content a:hover span.socialyn-icon {
        transform: scale(1.2);
        background-color: var(--socialyn-s-accented-text);
    }
    .socialyn-slider-nav.socialyn-masked-content a:hover {
        background-color: var(--socialyn-s-accent);
    }
    .socialyn-slider-nav.socialyn-masked-content a:hover::before {
        opacity: 0.15;
    }
    .socialyn-slider-nav.on-sides a.socialyn-slider-next:hover span.socialyn-icon {
        transform: translateX(10px)
    }
    .socialyn-slider-nav.on-sides a.socialyn-slider-prev:hover span.socialyn-icon {
        transform: translateX(-10px)
    }
    .socialyn-slide-content:has(a):hover .socialyn-slide-content-inner {
        transform: scale(1.1);
    }

    .socialyn-masked-cta button:hover {
        background: var(--socialyn-s-heading-fade);
    }

    /* --- Infinite List --- */
    .socialyn-infinite-list-item:hover::before {
        opacity: 0.05;
    }
    .socialyn-infinite-list-item:hover .socialyn-infinite-list-preview {
        opacity: 1;
    }
    .socialyn-infinite-list-item:hover .socialyn-infinite-list-icon::before {
        opacity: 0.15;
    }
    .socialyn-infinite-list-item:hover .socialyn-infinite-list-icon::after {
        opacity: 1;
    }
    .socialyn-infinite-list-item:hover .socialyn-infinite-list-icon span {
        transform: scale(1.1);
        background-color: var(--socialyn-s-accented-text);
    }

    /* --- Column List --- */
    .socialyn-column-item-content:hover .socialyn-icon-wrap {
        background-color: var(--socialyn-s-accent);
    }
    .socialyn-column-item-content:hover .socialyn-icon-wrap::before {
        opacity: 0.15;
    }
    .socialyn-column-item-content:hover .socialyn-icon-wrap span.socialyn-icon {
        transform: scale(1.2);
    }
    .socialyn-column-item-content:hover .socialyn-column-item-title span {
        transform: translateX(calc(-1 * var(--stg-xs-gap)));
    }
    .socialyn-column-item-content:hover .socialyn-column-item-title h4 {
        transform: translateX(var(--stg-xs-gap));
    }
}
@media (hover:none) {
    .socialyn-backlight {
        display: none;
    }
    .socialyn-block::before {
        opacity: 0.5;
    }
    .socialyn-block::after {
        opacity: 0.75;
    }
    .socialyn-toggles-item:not(.is-active)::after {
        opacity: 0;
    }
    .socialyn-infinite-list-bgs {
        display: none;
    }
    .socialyn-infinite-list-item {
        padding-left: calc(96px + var(--stg-gap));
    }
    .socialyn-infinite-list-preview {
        opacity: 1;
        right: auto;
        left: 0;
    }
}

/** ==============
    12. ANIMATIONS
    ============== */
@keyframes sta_spin {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

@keyframes sta_shake {
    0% {
        transform: translateX(0);
    }
    10% {
        transform: translateX(-10px);
    }
    30% {
        transform: translateX(10px);
    }
    50% {
        transform: translateX(-10px);
    }
    70% {
        transform: translateX(10px);
    }
    90% {
        transform: translateX(-10px);
    }
    100% {
        transform: translateX(0);
    }
}

/* === Marquee === */
@keyframes marquee_scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* === List with Preview === */
@keyframes lwp_active {
    0% {
        clip-path: inset(0% 0% 0% 100% round var(--socialyn-default-br));
    }
    100% {
        clip-path: inset(0% 0% 0% 0% round var(--socialyn-default-br));
    }
}
@keyframes lwp_active_r {
    0% {
        clip-path: inset(0% 100% 0% 0% round var(--socialyn-default-br));
    }
    100% {
        clip-path: inset(0% 0% 0% 0% round var(--socialyn-default-br));
    }
}

/* === Entrance Animations === */
:root {
    --stea-move: var(--stg-gap);
    --stea-zoom-in: 0.9;
    --stea-zoom-out: 1.1;
    --stea-duration: 0.5s;
}
[data-split-appear] {
    --stea-move: 05cap;
}
[data-split-appear].socialyn-line-overflow:not(.is-done) .line {
    overflow: hidden;
}
[data-split-appear].setting-up [data-appear] {
    transition: unset!important;
}
[data-unload*='fade-'].is-unloading,
[data-unload*='zoom-'].is-unloading,
[data-appear*='fade-']:not(.setting-up),
[data-appear*='zoom-']:not(.setting-up) {
    transition: opacity var(--stea-duration), transform var(--stea-duration);
    will-change: opacity, transform;
}
[data-unload*='fade-'].is-unloading,
[data-unload*='zoom-'].is-unloading,
[data-appear*='fade-'],
[data-appear*='zoom-'] {
    opacity: 0;
}
[data-appear*="zoom-"].in-view,
[data-appear*="fade-"].in-view {
    opacity: 1;
    transform: scale(1) translate(0,0);
}
[data-unload="zoom-out"].is-unloading,
[data-appear="zoom-in"],
[data-appear="fade-zoom"] {
    transform: scale(var(--stea-zoom-in));
}
[data-unload="fade-down"].is-unloading,
[data-appear="fade-up"] {
    transform: translateY(var(--stea-move));
}
[data-unload="fade-up"].is-unloading,
[data-appear="fade-down"] {
    transform: translateY(calc(-1 * var(--stea-move)));
}
[data-unload="fade-right"].is-unloading,
[data-appear="fade-left"] {
    transform: translateX(var(--stea-move));
}
[data-unload="fade-left"].is-unloading,
[data-appear="fade-right"] {
    transform: translateX(calc(-1 * var(--stea-move)));
}
[data-unload="fade-down-right"].is-unloading,
[data-appear="fade-up-left"] {
    transform: translate(var(--stea-move), var(--stea-move));
}
[data-unload="fade-down-left"].is-unloading,
[data-appear="fade-up-right"] {
    transform: translate(calc(-1 * var(--stea-move)), var(--stea-move));
}
[data-unload="fade-up-right"].is-unloading,
[data-appear="fade-down-left"] {
    transform: translate(var(--stea-move), calc(-1 * var(--stea-move)));
}
[data-unload="fade-up-left"].is-unloading,
[data-appear="fade-down-right"] {
    transform: translate(calc(-1 * var(--stea-move)), calc(-1 * var(--stea-move)));
}
[data-unload="zoom-out-down"].is-unloading,
[data-appear="zoom-in-up"] {
    transform: translateY(var(--stea-move)) scale(var(--stea-zoom-in));
}
[data-unload="zoom-out-up"].is-unloading,
[data-appear="zoom-in-down"] {
    transform: translateY(calc(-1 * var(--stea-move))) scale(var(--stea-zoom-in));
}
[data-unload="zoom-out-right"].is-unloading,
[data-appear="zoom-in-left"] {
    transform: translateX(var(--stea-move)) scale(var(--stea-zoom-in));
}
[data-unload="zoom-out-left"].is-unloading,
[data-appear="zoom-in-right"] {
    transform: translateX(calc(-1 * var(--stea-move))) scale(var(--stea-zoom-in));
}
[data-unload="zoom-out-down-right"].is-unloading,
[data-appear="zoom-in-up-left"] {
    transform: translate(var(--stea-move), var(--stea-move)) scale(var(--stea-zoom-in));
}
[data-unload="zoom-out-down-left"].is-unloading,
[data-appear="zoom-in-up-right"] {
    transform: translate(calc(-1 * var(--stea-move)), var(--stea-move)) scale(var(--stea-zoom-in));
}
[data-unload="zoom-out-up-right"].is-unloading,
[data-appear="zoom-in-down-left"] {
    transform: translate(var(--stea-move), calc(-1 * var(--stea-move))) scale(var(--stea-zoom-in));
}
[data-unload="zoom-out-up-left"].is-unloading,
[data-appear="zoom-in-down-right"] {
    transform: translate(calc(-1 * var(--stea-move)), calc(-1 * var(--stea-move))) scale(var(--stea-zoom-in));
}
[data-unload="fade-zoom"].is-unloading,
[data-unload="zoom-in"].is-unloading,
[data-appear="zoom-out"] {
    transform: scale(var(--stea-zoom-out));
}
[data-unload="zoom-in-down"].is-unloading,
[data-appear="zoom-out-up"] {
    transform: translateY(var(--stea-move)) scale(var(--stea-zoom-out));
}
[data-unload="zoom-in-up"].is-unloading,
[data-appear="zoom-out-down"] {
    transform: translateY(calc(-1 * var(--stea-move))) scale(var(--stea-zoom-out));
}
[data-unload="zoom-in-right"].is-unloading,
[data-appear="zoom-out-left"] {
    transform: translateX(var(--stea-move)) scale(var(--stea-zoom-out));
}
[data-unload="zoom-in-left"].is-unloading,
[data-appear="zoom-out-right"] {
    transform: translateX(calc(-1 * var(--stea-move))) scale(var(--stea-zoom-out));
}
[data-unload="zoom-in-down-right"].is-unloading,
[data-appear="zoom-out-up-left"] {
    transform: translate(var(--stea-move), var(--stea-move)) scale(var(--stea-zoom-out));
}
[data-unload="zoom-in-down-left"].is-unloading,
[data-appear="zoom-out-up-right"] {
    transform: translate(calc(-1 * var(--stea-move)), var(--stea-move)) scale(var(--stea-zoom-out));
}
[data-unload="zoom-in-up-right"].is-unloading,
[data-appear="zoom-out-down-left"] {
    transform: translate(var(--stea-move), calc(-1 * var(--stea-move))) scale(var(--stea-zoom-out));
}
[data-unload="zoom-in-up-left"].is-unloading,
[data-appear="zoom-out-down-right"] {
    transform: translate(calc(-1 * var(--stea-move)), calc(-1 * var(--stea-move))) scale(var(--stea-zoom-out));
}



/* My css  */


.justify-center {
    justify-content: center;
}

.footer-logo img, .socialyn-header-lp img, .socialyn-mobile-header-inner img {
    max-width: 120px;
    width: 100%;
}
.socialyn-card {
    padding-top: 60px;
}
.socialyn-card img {
    width: 50px;
}

.features-box img {
    width: 64px;
    border-radius: 0;
}
.msk-image {
    height: 64px;
    width: 64px !important;
    background-color: var(--socialyn-s-heading);
    mask-repeat: no-repeat;
    mask-size: contain;
    mask-position: center;
    mask-image: var(--icon-check);
}

.contact-iff img {
    width: 50px;
    border-radius: 0;
}
.contact-iff h5 {
    padding-top: 24px;
}

/* Socialyn UI theme */

#socialyn-main,
#socialyn-footer {
    position: relative;
    z-index: 1;
}

#socialyn-header {
    background: var(--socialyn-s-nav);
    box-shadow: 0 12px 36px rgba(16, 42, 96, 0.10);
}

#socialyn-header::before {
    background: linear-gradient(90deg, rgba(255, 23, 71, 0.04), rgba(8, 55, 127, 0.07));
}

#socialyn-header::after,
.socialyn-footer-line::before,
.socialyn-footer-widgets::before,
section.divider-top::before,
section.divider-bottom::after {
    background: var(--socialyn-c-border-gradient);
}

.socialyn-header-lp .socialyn-logo img,
.socialyn-mobile-header-inner .socialyn-logo img {
    display: block;
    width: 164px;
    max-width: 100%;
    height: auto;
}

.socialyn-mobile-header-inner .socialyn-logo img {
    width: 148px;
}

.socialyn-footer-wordmark img {
    display: block;
    width: 176px;
    max-width: 100%;
    height: auto;
    border-radius: 0;
}

nav.socialyn-nav ul.main-menu a {
    transition: color 0.25s, opacity 0.25s;
}

.socialyn-active-menu-ind {
    height: 3px;
    background: var(--socialyn-brand-gradient);
    border-radius: 999px;
}

.socialyn-active-menu-ind::before {
    width: 100%;
    height: 18px;
    left: 0;
    bottom: -7px;
    background: var(--socialyn-brand-gradient);
    opacity: 0.45;
    filter: blur(14px);
}

input[type="button"],
input[type="reset"],
input[type="submit"],
button:not([class*='pswp']),
a.socialyn-button,
.socialyn-square-button {
    background: var(--socialyn-brand-gradient);
    border-color: rgba(255, 66, 105, 0.72);
    box-shadow: 0 14px 30px rgba(255, 23, 71, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.16);
}

a.socialyn-button,
button:not([class*='pswp']) {
    font-weight: 600;
}

#socialyn-header a.socialyn-button,
#socialyn-header a.socialyn-button:visited {
    color: var(--socialyn-s-accented-text);
}

a.socialyn-button.is-secondary,
.socialyn-square-button.is-secondary {
    color: var(--socialyn-s-heading);
    background: #ffffff;
    border-color: rgba(16, 42, 96, 0.18);
    box-shadow: 0 10px 24px rgba(16, 42, 96, 0.08);
}

input,
textarea {
    background: #ffffff;
    border-color: rgba(16, 42, 96, 0.16);
    box-shadow: 0 10px 24px rgba(16, 42, 96, 0.06);
}

input:focus,
textarea:focus {
    border-color: rgba(255, 66, 105, 0.82);
    box-shadow: 0 0 0 4px rgba(255, 23, 71, 0.12), 0 16px 30px var(--socialyn-s-box-shadow);
}

.socialyn-page-title {
    color: var(--socialyn-s-heading);
    text-shadow: 0 14px 34px rgba(16, 42, 96, 0.12);
}

.socialyn-large-text {
    color: #40536a;
}

.socialyn-accent {
    color: var(--socialyn-s-text-accent);
}

.socialyn-block,
form.socialyn-contact-form:not(.is-short),
.socialyn-price-table,
.socialyn-info-widget,
.socialyn-contact-form.is-short .socialyn-form-content {
    background: var(--socialyn-panel-gradient);
    border: 1px solid rgba(16, 42, 96, 0.10);
    box-shadow: 0 22px 58px rgba(16, 42, 96, 0.10);
}

.socialyn-block::before {
    background: linear-gradient(135deg, rgba(255, 23, 71, 0.30), rgba(8, 55, 127, 0.36));
    opacity: 0.54;
}

.socialyn-block::after {
    background: linear-gradient(135deg, rgba(255, 23, 71, 0.04), rgba(8, 55, 127, 0.08));
}

.socialyn-block.is-accented,
.socialyn-masked-cta .socialyn-cta-form,
.socialyn-marquee {
    background: var(--socialyn-brand-gradient);
}

.socialyn-contact-form.is-short .socialyn-cta-form {
    --socialyn-s-heading: #102a60;
}

.socialyn-contact-form.is-short .socialyn-cta-title {
    color: #102a60;
}

.socialyn-masked-cta button span {
    background: #ffffff;
}

.socialyn-masked-content > div,
.socialyn-hero-media-content-inner {
    color: var(--socialyn-s-heading);
    background: rgba(255, 255, 255, 0.84);
    border: 1px solid rgba(16, 42, 96, 0.12);
    border-radius: var(--socialyn-small-br);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.socialyn-icon-wrap,
.socialyn-detailed-list-button,
.socialyn-infinite-list-icon {
    background: rgba(8, 55, 127, 0.08);
    border-color: rgba(16, 42, 96, 0.14);
}

.socialyn-icon-wrap::before {
    border-color: rgba(255, 66, 105, 0.38);
}

.features-box img,
.contact-iff img {
    padding: 10px;
    background: var(--socialyn-brand-gradient);
    border: 1px solid rgba(255, 66, 105, 0.22);
    border-radius: var(--socialyn-small-br);
    box-shadow: 0 12px 26px rgba(255, 23, 71, 0.12);
}

.socialyn-parallax-media,
.socialyn-masked-media,
.socialyn-hero-type03 .socialyn-hero-title-wrap > div,
[data-bg-src] {
    box-shadow: 0 24px 60px rgba(16, 42, 96, 0.12);
}

section.backlight-top::before,
section.backlight-both::before {
    background: linear-gradient(180deg, rgba(8, 55, 127, 0.08), transparent 78%);
}

section.backlight-bottom::after,
section.backlight-both::after {
    background: linear-gradient(0deg, rgba(255, 23, 71, 0.06), rgba(8, 55, 127, 0.06), transparent 78%);
}

/* Shared soft gradient blur layer for homepage sections */
.socialyn-gradient-blur-section {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    --socialyn-blur-opacity: 0.18;
    --socialyn-blur-primary-size: 460px;
    --socialyn-blur-secondary-size: 520px;
    --socialyn-blur-tertiary-size: 320px;
    --socialyn-blur-primary-top: 42px;
    --socialyn-blur-primary-left: 3%;
    --socialyn-blur-secondary-right: 4%;
    --socialyn-blur-secondary-bottom: 44px;
    --socialyn-blur-tertiary-top: 44%;
    --socialyn-blur-tertiary-left: 48%;
    --socialyn-grid-size: 96px;
    --socialyn-grid-opacity: 0.24;
    --socialyn-grid-line-color: rgba(16, 42, 96, 0.085);
    --socialyn-grid-dot-color: rgba(255, 66, 105, 0.24);
}

.socialyn-gradient-blur-section:not(#socialyn-why-choose):not(#socialyn-pricing-cta)::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100vw;
    height: 1px;
    display: block;
    pointer-events: none;
    background: var(--socialyn-c-border-gradient);
}

.socialyn-gradient-blur-section > :not(.socialyn-section-blur):not(.socialyn-section-grid) {
    position: relative;
    z-index: 1;
}

.socialyn-section-grid {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    pointer-events: none;
    opacity: var(--socialyn-grid-opacity);
    background-image:
        radial-gradient(circle, var(--socialyn-grid-dot-color) 0 1.2px, transparent 1.8px),
        linear-gradient(var(--socialyn-grid-line-color) 1px, transparent 1px),
        linear-gradient(90deg, var(--socialyn-grid-line-color) 1px, transparent 1px);
    background-position: center center;
    background-size:
        var(--socialyn-grid-size) var(--socialyn-grid-size),
        var(--socialyn-grid-size) var(--socialyn-grid-size),
        var(--socialyn-grid-size) var(--socialyn-grid-size);
    -webkit-mask-image: radial-gradient(ellipse at 50% 50%, #000 0 36%, rgba(0, 0, 0, 0.64) 58%, transparent 84%);
    mask-image: radial-gradient(ellipse at 50% 50%, #000 0 36%, rgba(0, 0, 0, 0.64) 58%, transparent 84%);
}

.socialyn-section-blur {
    position: absolute;
    display: block;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(118px);
    opacity: var(--socialyn-blur-opacity);
    z-index: 0;
    transform: translateZ(0);
}

.socialyn-section-blur-primary {
    top: var(--socialyn-blur-primary-top);
    left: var(--socialyn-blur-primary-left);
    width: var(--socialyn-blur-primary-size);
    height: var(--socialyn-blur-primary-size);
    background: radial-gradient(circle, rgba(255, 23, 71, 0.58) 0%, rgba(255, 66, 105, 0.28) 42%, rgba(255, 66, 105, 0.05) 66%, transparent 80%);
}

.socialyn-section-blur-secondary {
    right: var(--socialyn-blur-secondary-right);
    bottom: var(--socialyn-blur-secondary-bottom);
    width: var(--socialyn-blur-secondary-size);
    height: var(--socialyn-blur-secondary-size);
    background: radial-gradient(circle, rgba(8, 55, 127, 0.50) 0%, rgba(8, 55, 127, 0.25) 44%, rgba(8, 55, 127, 0.05) 66%, transparent 82%);
}

.socialyn-section-blur-tertiary {
    top: var(--socialyn-blur-tertiary-top);
    left: var(--socialyn-blur-tertiary-left);
    width: var(--socialyn-blur-tertiary-size);
    height: var(--socialyn-blur-tertiary-size);
    background: radial-gradient(circle, rgba(255, 66, 105, 0.34) 0%, rgba(255, 66, 105, 0.16) 42%, transparent 76%);
    opacity: calc(var(--socialyn-blur-opacity) * 0.62);
}

.socialyn-control-section {
    --socialyn-blur-opacity: 0.16;
    --socialyn-blur-primary-size: 420px;
    --socialyn-blur-secondary-size: 560px;
    --socialyn-blur-primary-top: 56px;
    --socialyn-blur-primary-left: 4%;
    --socialyn-blur-secondary-right: 3%;
    --socialyn-blur-secondary-bottom: 62px;
    --socialyn-blur-tertiary-top: 18%;
    --socialyn-blur-tertiary-left: 54%;
    --socialyn-grid-opacity: 0.20;
    --socialyn-grid-size: 92px;
}

.socialyn-tools-section {
    --socialyn-blur-opacity: 0.15;
    --socialyn-blur-primary-size: 440px;
    --socialyn-blur-secondary-size: 460px;
    --socialyn-blur-primary-top: 68px;
    --socialyn-blur-primary-left: 3%;
    --socialyn-blur-secondary-right: 6%;
    --socialyn-blur-secondary-bottom: 88px;
    --socialyn-blur-tertiary-top: 54%;
    --socialyn-blur-tertiary-left: 41%;
    --socialyn-grid-opacity: 0.18;
    --socialyn-grid-size: 94px;
}

.socialyn-premium-services {
    --socialyn-blur-opacity: 0.15;
    --socialyn-blur-primary-size: 520px;
    --socialyn-blur-secondary-size: 500px;
    --socialyn-blur-primary-top: 70px;
    --socialyn-blur-primary-left: 7%;
    --socialyn-blur-secondary-right: 5%;
    --socialyn-blur-secondary-bottom: 8%;
    --socialyn-blur-tertiary-top: 48%;
    --socialyn-blur-tertiary-left: 8%;
    --socialyn-grid-opacity: 0.26;
    --socialyn-grid-size: 82px;
}

.socialyn-why-choose-section {
    --socialyn-blur-opacity: 0.12;
    --socialyn-blur-primary-size: 360px;
    --socialyn-blur-secondary-size: 420px;
    --socialyn-blur-tertiary-size: 260px;
    --socialyn-blur-primary-top: 10%;
    --socialyn-blur-primary-left: 4%;
    --socialyn-blur-secondary-right: 4%;
    --socialyn-blur-secondary-bottom: 8%;
    --socialyn-blur-tertiary-top: 45%;
    --socialyn-blur-tertiary-left: 50%;
    --socialyn-grid-opacity: 0.16;
    --socialyn-grid-size: 96px;
}

.socialyn-pricing-cta-section {
    --socialyn-blur-opacity: 0.10;
    --socialyn-blur-primary-size: 300px;
    --socialyn-blur-secondary-size: 360px;
    --socialyn-blur-tertiary-size: 240px;
    --socialyn-blur-primary-top: 14%;
    --socialyn-blur-primary-left: 5%;
    --socialyn-blur-secondary-right: 6%;
    --socialyn-blur-secondary-bottom: 12%;
    --socialyn-blur-tertiary-top: 22%;
    --socialyn-blur-tertiary-left: 48%;
    --socialyn-grid-opacity: 0.14;
    --socialyn-grid-size: 100px;
}

@media only screen and (max-width: 991px) {
    .socialyn-gradient-blur-section {
        --socialyn-blur-opacity: 0.10;
        --socialyn-blur-primary-size: 300px;
        --socialyn-blur-secondary-size: 340px;
        --socialyn-blur-tertiary-size: 230px;
        --socialyn-blur-primary-top: 28px;
        --socialyn-blur-primary-left: 4%;
        --socialyn-blur-secondary-right: 3%;
        --socialyn-blur-secondary-bottom: 34px;
        --socialyn-grid-opacity: 0.12;
        --socialyn-grid-size: 78px;
    }

    .socialyn-section-blur {
        filter: blur(86px);
    }
}

@media only screen and (max-width: 739px) {
    .socialyn-gradient-blur-section {
        --socialyn-blur-opacity: 0.08;
        --socialyn-blur-primary-size: 240px;
        --socialyn-blur-secondary-size: 280px;
        --socialyn-blur-primary-top: 24px;
        --socialyn-blur-primary-left: 3%;
        --socialyn-blur-secondary-right: 2%;
        --socialyn-blur-secondary-bottom: 28px;
        --socialyn-grid-opacity: 0.10;
        --socialyn-grid-size: 68px;
    }

    .socialyn-section-blur {
        filter: blur(68px);
    }

    .socialyn-section-blur-tertiary {
        display: none;
    }
}

.socialyn-launch-hero {
    position: relative;
    width: 100vw;
    margin-left: calc((var(--stg-container-width) - 100vw) / 2);
    padding: 0;
    overflow: hidden;
    color: #102a60;
    background: url("../img/home/socialyn-hero-geometry.svg") center top / cover no-repeat, #ffffff;
    isolation: isolate;
}


.socialyn-launch-hero-inner {
    position: relative;
    width: min(1320px, calc(100vw - 2 * var(--stg-gap)));
    margin: 0 auto;
    padding: 92px 0 100px;
}

.socialyn-launch-topline {
    display: grid;
    grid-template-columns: minmax(0, 860px) minmax(260px, 410px);
    justify-content: space-between;
    gap: 50px;
    align-items: center;
}

.socialyn-launch-hero .socialyn-page-title {
    max-width: 860px;
    margin: 0;
    color: #102a60;
    font-size: 90px;
    line-height: 1.04;
    letter-spacing: 0;
}

.socialyn-launch-support {
    padding-top: 2px;
}

.socialyn-launch-support p {
    max-width: 410px;
    margin: 0 0 20px;
    color: #5d6d7d;
    font-size: 21px;
    line-height: 1.14;
}

.socialyn-launch-avatars {
    display: flex;
    align-items: center;
    padding-left: 3px;
}

.socialyn-launch-avatars span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    margin-left: -20px;
    overflow: hidden;
    color: #ffffff;
    font-size: 25px;
    line-height: 1;
    border: 3px solid #f8f5f1;
    border-radius: 50%;
    background: #ff7658;
}

.socialyn-launch-avatars span:first-child {
    margin-left: 0;
}

.socialyn-launch-avatars img,
.socialyn-launch-avatars .st-lazy-wrapper {
    width: 100%;
    height: 100%;
}

.socialyn-launch-avatars img {
    object-fit: cover;
}

.socialyn-launch-plus {
    font-weight: 500;
}

.socialyn-launch-ring {
    position: absolute;
    right: 2px;
    top: 268px;
    width: 40px;
    height: 40px;
    border: 1.5px solid #102a60;
    border-radius: 50%;
}

.socialyn-launch-gallery {
    display: flex;
    align-items: center;
    padding-top: 70px;
}

.socialyn-launch-circle {
    position: relative;
    flex: 0 0 auto;
    width: 520px;
    height: 520px;
    margin: 0;
    overflow: hidden;
    border-radius: 50%;
    background: var(--socialyn-brand-gradient);
    border: 9px dashed #fff;
}

.socialyn-launch-circle img,
.socialyn-launch-circle .st-lazy-wrapper {
    width: 100%;
    height: 100%;
}

.socialyn-launch-circle img {
    object-fit: cover;
}

.socialyn-launch-circle-left {
    z-index: 1;
}

.socialyn-launch-circle-center {
    z-index: 3;
}

.socialyn-launch-circle-right {
    z-index: 2;
}

.socialyn-launch-circle:not(:first-child) {
    margin-left: -110px;
}

@media only screen and (max-width: 1919px) {
    .socialyn-launch-circle {
        width: 420px;
        height: 420px;
    }
}

@media only screen and (max-width: 1279px) {
    .socialyn-launch-hero-inner {
        padding: 74px 0 80px;
    }

    .socialyn-launch-topline {
        grid-template-columns: 1fr 1fr;
        gap: 50px;
    }

    .socialyn-launch-hero .socialyn-page-title {
        max-width: 620px;
        font-size: 60px;
    }

    .socialyn-launch-gallery {
        padding-top: 60px;
    }

    .socialyn-launch-circle {
        width: 320px;
        height: 320px;
    }
}

#socialyn-footer,
.socialyn-footer-widgets {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.90) 18%),
        linear-gradient(135deg, rgba(8, 55, 127, 0.07), rgba(255, 23, 71, 0.04));
}

.socialyn-footer-line span {
    color: var(--socialyn-s-text-accent);
}

.terms-area {
    padding: var(--stg-gap);
    background: var(--socialyn-panel-gradient) !important;
    border: 1px solid rgba(16, 42, 96, 0.10);
    border-radius: var(--socialyn-default-br);
    box-shadow: 0 22px 58px rgba(16, 42, 96, 0.10);
}

.terms-area,
.terms-area * {
    font-family: var(--socialyn-t-content-ff) !important;
    letter-spacing: 0 !important;
}

.terms-area p,
.terms-area li,
.terms-area em,
.terms-area span {
    color: var(--socialyn-s-text) !important;
    font-size: var(--socialyn-t-content-fs) !important;
    font-weight: var(--socialyn-t-content-fw) !important;
    line-height: 1.72 !important;
}

.terms-area h1,
.terms-area h2,
.terms-area h3,
.terms-area h4,
.terms-area h5,
.terms-area h6,
.terms-area .belong-overview {
    color: var(--socialyn-s-heading) !important;
    font-family: var(--socialyn-t-heading-ff) !important;
    font-weight: var(--socialyn-t-heading-fw) !important;
    line-height: 1.18 !important;
    margin: 0 0 20px 0 !important;
}

.terms-area h1,
.terms-area .belong-overview {
    font-size: var(--socialyn-t-h2-fs) !important;
}

.terms-area h6 {
    font-size: var(--socialyn-t-h5-fs) !important;
}

.terms-area a,
.terms-area a span,
.terms-area a u {
    color: var(--socialyn-s-text-accent) !important;
}

.terms-area b,
.terms-area strong {
    color: var(--socialyn-s-heading) !important;
    font-weight: 600 !important;
}

.terms-area .terms-section {
    margin-bottom: 36px !important;
    line-height: 1.7 !important;
}

.terms-area ol,
.terms-area ul {
    padding-left: 20px;
    margin: 0 0 20px 0;
}

@media (hover: hover) {
    a.socialyn-button:hover,
    button:not([class*='pswp']):hover,
    input[type="submit"]:hover,
    .socialyn-square-button:hover {
        background: linear-gradient(135deg, #08377f 0%, #c9093d 54%, #ff1747 100%);
        border-color: rgba(137, 176, 245, 0.68);
        transform: translateY(-1px);
    }
}

@media only screen and (max-width: 991px) {
    .socialyn-mobile-nav {
        background: var(--socialyn-s-nav);
        border-left: 1px solid rgba(16, 42, 96, 0.10);
        box-shadow: -18px 0 42px rgba(16, 42, 96, 0.12);
    }

    .socialyn-mobile-nav::after {
        background: linear-gradient(90deg, transparent 20%, rgba(223, 234, 250, 0.46) 100%);
    }

    .show-menu .socialyn-mobile-menu-toggler::before {
        border-color: var(--socialyn-s-heading);
        opacity: 0.24;
    }

    .socialyn-launch-hero-inner {
        padding: 70px 0 70px;
    }

    .socialyn-launch-topline {
        grid-template-columns: minmax(0, 1fr) 300px;
        gap: 44px;
    }

    .socialyn-launch-hero .socialyn-page-title {
        max-width: 560px;
        font-size: 50px;
    }

    .socialyn-launch-support p {
        font-size: 18px;
    }

    .socialyn-launch-ring {
        top: 238px;
    }

    .socialyn-launch-gallery {
        padding-top: 60px;
    }

    .socialyn-launch-circle {
        width: 220px;
        height: 220px;
    }

    .socialyn-launch-circle:not(:first-child) {
        margin-left: -60px;
    }
}

@media only screen and (max-width: 739px) {
    .socialyn-header-lp img,
    .socialyn-mobile-header-inner img,
    .footer-logo img {
        max-width: 124px;
    }

    .socialyn-masked-content > div,
    .socialyn-hero-media-content-inner {
        background: transparent;
        border-color: transparent;
        box-shadow: none;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
    }

    .socialyn-launch-hero-inner {
        padding: 62px 0 56px;
    }

    .socialyn-launch-topline {
        display: block;
    }

    .socialyn-launch-hero .socialyn-page-title {
        max-width: 100%;
        font-size: 40px;
        line-height: 1.1;
    }

    .socialyn-launch-support {
        max-width: 315px;
        margin-top: 24px;
        padding-top: 0;
    }

    .socialyn-launch-support p {
        margin-bottom: 18px;
        font-size: 17px;
        line-height: 1.28;
    }

    .socialyn-launch-avatars span {
        width: 44px;
        height: 44px;
        font-size: 22px;
        border-width: 2px;
    }

    .socialyn-launch-ring {
        display: none;
    }

    .socialyn-launch-gallery {
        padding-top: 40px;
        margin-top: 0;
    }

    .socialyn-launch-circle {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        width: 150px;
        height: 150px;
    }

    .socialyn-launch-circle-left {
        left: auto;
    }

    .socialyn-launch-circle-center {
        top: auto;
    }

    .socialyn-launch-circle-right {
        right: auto;
    }

.socialyn-launch-circle:not(:first-child) {
        margin-left: -55px;
    }
}

/* Inner page hero */
.socialyn-inner-hero {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: clamp(88px, 8vw, 122px) 0 clamp(68px, 7vw, 96px);
    background: url("../img/home/socialyn-hero-geometry.svg") center top / cover no-repeat, linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border-bottom: 1px solid rgba(216, 224, 235, 0.78);
}

.socialyn-inner-hero::before,
.socialyn-inner-hero::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(88px);
    opacity: 0.16;
    z-index: 0;
}

.socialyn-inner-hero::before {
    width: 360px;
    height: 360px;
    top: -170px;
    left: max(-130px, calc(50% - 760px));
    background: radial-gradient(circle, rgba(255, 23, 71, 0.72), transparent 68%);
}

.socialyn-inner-hero::after {
    width: 420px;
    height: 420px;
    right: max(-150px, calc(50% - 780px));
    bottom: -210px;
    background: radial-gradient(circle, rgba(8, 55, 127, 0.68), transparent 70%);
}

.socialyn-inner-hero-grid {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(330px, 0.72fr);
    gap: clamp(46px, 7vw, 104px);
    align-items: center;
}

.socialyn-inner-hero-copy {
    max-width: 760px;
}

.socialyn-page-breadcrumb {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 22px;
    color: var(--socialyn-s-text);
    font-size: 14px;
    line-height: 1;
}

.socialyn-page-breadcrumb a,
.socialyn-page-breadcrumb span {
    color: inherit;
    text-decoration: none;
}

.socialyn-page-breadcrumb a {
    transition: color 0.2s ease;
}

.socialyn-page-breadcrumb i {
    color: var(--socialyn-s-accent);
    font-size: 12px;
}

.socialyn-inner-hero-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    margin-bottom: 20px;
    padding: 0 18px;
    border: 1px solid rgba(255, 66, 105, 0.16);
    border-radius: 999px;
    color: var(--socialyn-s-accent);
    background: rgba(255, 23, 71, 0.10);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.socialyn-inner-hero h1 {
    max-width: 840px;
    margin: 0 0 22px;
    color: var(--socialyn-s-heading);
    font-size: clamp(46px, 5.4vw, 76px);
    line-height: 1.05;
    letter-spacing: 0;
}

.socialyn-inner-hero-copy > p {
    max-width: 650px;
    margin: 0;
    color: var(--socialyn-s-text);
    font-size: clamp(17px, 1.4vw, 20px);
    line-height: 1.65;
}

.socialyn-inner-hero-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.socialyn-inner-hero-button,
.socialyn-inner-hero-link {
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 999px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    transition: transform 0.22s ease, border-color 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease, color 0.22s ease;
}

.socialyn-inner-hero-button {
    padding: 0 24px;
    color: #ffffff;
    background: var(--socialyn-brand-gradient);
    box-shadow: 0 16px 30px rgba(255, 23, 71, 0.16);
}

a.socialyn-inner-hero-button,
a.socialyn-inner-hero-button:visited,
a.socialyn-inner-hero-button:hover,
a.socialyn-inner-hero-button:focus,
.socialyn-inner-hero-button i {
    color: #ffffff;
}

.socialyn-inner-hero-link {
    padding: 0 18px;
    border: 1px solid rgba(16, 42, 96, 0.12);
    color: var(--socialyn-s-heading);
    background: rgba(255, 255, 255, 0.74);
}

a.socialyn-inner-hero-link,
a.socialyn-inner-hero-link:visited {
    color: var(--socialyn-s-accent);
}

.socialyn-inner-hero-button i,
.socialyn-inner-hero-link i {
    font-size: 16px;
    line-height: 1;
}

.socialyn-inner-hero-panel {
    display: grid;
    gap: 16px;
    width: min(100%, 480px);
    margin-left: auto;
}

.socialyn-hero-metric-card {
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr);
    column-gap: 16px;
    align-items: center;
    min-height: 116px;
    padding: 22px;
    border: 1px solid rgba(16, 42, 96, 0.10);
    border-radius: var(--socialyn-small-br);
    color: inherit;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 18px 40px rgba(16, 42, 96, 0.08);
    text-decoration: none;
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}

.socialyn-hero-metric-card.is-primary {
    border-color: rgba(255, 66, 105, 0.20);
    background: linear-gradient(135deg, rgba(255, 23, 71, 0.08), rgba(255, 255, 255, 0.90));
    transform: translateX(-34px);
}

.socialyn-hero-metric-card i {
    grid-row: 1 / span 2;
    width: 54px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: var(--socialyn-brand-gradient);
    font-size: 22px;
    line-height: 1;
    box-shadow: 0 14px 26px rgba(255, 23, 71, 0.14);
}

.socialyn-hero-metric-card span {
    display: block;
    margin-bottom: 6px;
    color: var(--socialyn-s-text-accent);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.10em;
    text-transform: uppercase;
}

.socialyn-hero-metric-card strong {
    display: block;
    color: var(--socialyn-s-heading);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.35;
}

@media (hover: hover) {
    .socialyn-page-breadcrumb a:hover,
    .socialyn-inner-hero-link:hover {
        color: var(--socialyn-s-accent);
    }

    .socialyn-inner-hero-button:hover,
    .socialyn-inner-hero-link:hover {
        transform: translateY(-2px);
    }

    .socialyn-inner-hero-link:hover {
        border-color: rgba(255, 66, 105, 0.26);
        box-shadow: 0 14px 28px rgba(16, 42, 96, 0.08);
    }

    a.socialyn-hero-metric-card:hover {
        border-color: rgba(255, 66, 105, 0.28);
        box-shadow: 0 24px 54px rgba(16, 42, 96, 0.12);
        transform: translateY(-3px);
    }
}

.socialyn-inner-hero-button:focus-visible,
.socialyn-inner-hero-link:focus-visible,
.socialyn-hero-metric-card:focus-visible,
.socialyn-page-breadcrumb a:focus-visible {
    outline: 3px solid rgba(255, 66, 105, 0.30);
    outline-offset: 4px;
}

@media only screen and (max-width: 991px) {
    .socialyn-inner-hero {
        padding: 74px 0 72px;
    }

    .socialyn-inner-hero-grid {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    .socialyn-inner-hero-copy,
    .socialyn-inner-hero-copy > p {
        max-width: none;
        text-align: center;
    }

    .socialyn-page-breadcrumb,
    .socialyn-inner-hero-actions {
        justify-content: center;
    }

    .socialyn-inner-hero-panel {
        max-width: 620px;
        margin-right: auto;
    }

    .socialyn-hero-metric-card.is-primary {
        transform: none;
    }
}

@media only screen and (max-width: 575px) {
    .socialyn-inner-hero {
        padding: 54px 0 56px;
    }

    .socialyn-inner-hero::before,
    .socialyn-inner-hero::after {
        width: 260px;
        height: 260px;
        filter: blur(76px);
        opacity: 0.12;
    }

    .socialyn-inner-hero h1 {
        font-size: 38px;
    }

    .socialyn-inner-hero-actions {
        align-items: stretch;
    }

    .socialyn-inner-hero-button,
    .socialyn-inner-hero-link {
        width: 100%;
    }

    .socialyn-hero-metric-card {
        grid-template-columns: 46px minmax(0, 1fr);
        min-height: 104px;
        padding: 18px;
    }

    .socialyn-hero-metric-card i {
        width: 46px;
        height: 46px;
        font-size: 19px;
    }

    .socialyn-hero-metric-card strong {
        font-size: 15px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .socialyn-inner-hero *,
    .socialyn-inner-hero *::before,
    .socialyn-inner-hero *::after {
        transition: none !important;
        transform: none !important;
    }
}

/* About page showcase */
.socialyn-about-showcase {
    padding-top: clamp(42px, 5vw, 60px);
    padding-bottom: clamp(68px, 7vw, 92px);
    overflow: hidden;
    isolation: isolate;
    background: linear-gradient(180deg, #ffffff 0%, var(--socialyn-s-body-bg) 100%);
    scroll-margin-top: 92px;
}

.socialyn-about-showcase::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 14% 14%, rgba(255, 23, 71, 0.07), transparent 28%),
        radial-gradient(circle at 88% 76%, rgba(8, 55, 127, 0.08), transparent 30%);
}

.socialyn-about-showcase-grid {
    display: grid;
    grid-template-columns: minmax(420px, 0.92fr) minmax(0, 1fr);
    gap: clamp(58px, 7vw, 112px);
    align-items: center;
}

.socialyn-about-media {
    position: relative;
    min-height: 500px;
}

.socialyn-about-image-orbit {
    position: relative;
    width: min(620px, 100%);
    min-height: 500px;
    margin: 0 auto;
}

.socialyn-about-image-orbit::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(410px, 82%);
    aspect-ratio: 1;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(255, 23, 71, 0.14), rgba(8, 55, 127, 0.10));
    border: 1px solid rgba(255, 66, 105, 0.12);
    transform: translate(-50%, -50%);
}

.socialyn-about-image {
    position: absolute;
    left: 50%;
    top: 50%;
    width: min(420px, 84%);
    aspect-ratio: 1;
    margin: 0;
    overflow: hidden;
    border-radius: 50%;
    background: var(--socialyn-s-container-bg);
    border: 8px solid rgba(255, 255, 255, 0.78);
    box-shadow: 0 28px 72px rgba(16, 42, 96, 0.11);
    transform: translate(-50%, -50%);
}

.socialyn-about-image img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: 52% center;
}

.socialyn-about-stat,
.socialyn-about-mini-chart {
    position: absolute;
    z-index: 2;
    border: 1px solid rgba(16, 42, 96, 0.07);
    border-radius: var(--socialyn-large-br);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 18px 46px rgba(16, 42, 96, 0.10);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.socialyn-about-stat {
    min-width: 204px;
    min-height: 86px;
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    align-items: center;
    column-gap: 12px;
    padding: 18px 24px 18px 20px;
}

.socialyn-about-stat strong {
    color: var(--socialyn-s-heading);
    font-family: var(--socialyn-t-heading-ff);
    font-size: 28px;
    font-weight: 700;
    line-height: 1;
}

.socialyn-about-stat small {
    grid-column: 2;
    color: var(--socialyn-s-heading-fade);
    font-size: 15px;
    line-height: 1.25;
}

.socialyn-about-stat-icon {
    grid-row: 1 / span 2;
    width: 46px;
    height: 46px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--socialyn-s-accent);
    background: rgba(255, 23, 71, 0.10);
}

.socialyn-about-stat-growth .socialyn-about-stat-icon {
    color: var(--socialyn-s-accent-2);
    background: rgba(8, 55, 127, 0.10);
}

.socialyn-about-stat-engagement {
    left: 0;
    top: 23%;
}

.socialyn-about-stat-growth {
    right: 0;
    bottom: 8%;
}

.socialyn-about-mini-chart {
    right: 5%;
    top: 18%;
    width: 142px;
    padding: 15px;
    border-radius: var(--socialyn-small-br);
}

.socialyn-about-mini-chart span,
.socialyn-about-mini-chart strong {
    display: block;
    color: var(--socialyn-s-heading);
    font-size: 11px;
    font-weight: 700;
    line-height: 1.2;
}

.socialyn-about-mini-chart strong {
    position: absolute;
    right: 14px;
    top: 18px;
    color: var(--socialyn-s-accent);
    font-size: 10px;
}

.socialyn-about-chart-line {
    height: 56px;
    display: flex;
    align-items: end;
    gap: 8px;
    margin-top: 18px;
    padding: 8px;
    border-radius: 6px;
    background: linear-gradient(180deg, transparent, rgba(8, 55, 127, 0.10));
}

.socialyn-about-chart-line i {
    width: 6px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--socialyn-s-accent), var(--socialyn-s-accent-2));
}

.socialyn-about-chart-line i:nth-child(1) { height: 20px; }
.socialyn-about-chart-line i:nth-child(2) { height: 34px; }
.socialyn-about-chart-line i:nth-child(3) { height: 15px; }
.socialyn-about-chart-line i:nth-child(4) { height: 28px; }
.socialyn-about-chart-line i:nth-child(5) { height: 18px; }
.socialyn-about-chart-line i:nth-child(6) { height: 31px; }
.socialyn-about-chart-line i:nth-child(7) { height: 44px; }

.socialyn-about-pill {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    margin-bottom: 20px;
    padding: 0 18px;
    border-radius: 999px;
    color: var(--socialyn-s-accent);
    background: rgba(255, 23, 71, 0.10);
    border: 1px solid rgba(255, 66, 105, 0.16);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.socialyn-about-copy h2 {
    max-width: 720px;
    margin: 0 0 20px;
    color: var(--socialyn-s-heading);
    font-size: clamp(40px, 3.65vw, 50px);
    line-height: 1.18;
    letter-spacing: 0;
}

.socialyn-about-copy > p {
    max-width: 640px;
    margin-bottom: 28px;
    color: var(--socialyn-s-text);
    font-size: 17px;
    line-height: 1.62;
}

.socialyn-about-checklist {
    display: grid;
    gap: 16px;
}

.socialyn-about-check-item {
    display: grid;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 16px;
    align-items: center;
}

.socialyn-about-check-item > span {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: var(--socialyn-brand-gradient);
    box-shadow: 0 12px 24px rgba(255, 23, 71, 0.14);
}

.socialyn-about-check-item > span i {
    font-size: 18px;
    line-height: 1;
}

.socialyn-about-check-item h3 {
    margin: 0 0 6px;
    color: var(--socialyn-s-heading);
    font-size: 18px;
    line-height: 1.25;
}

.socialyn-about-check-item p {
    max-width: 560px;
    margin: 0;
    color: var(--socialyn-s-text);
    font-size: 15px;
    line-height: 1.48;
}

.socialyn-about-check-item.is-featured {
    max-width: 580px;
    padding: 16px 24px;
    border-radius: 999px;
    background: linear-gradient(135deg, rgba(255, 23, 71, 0.08), rgba(8, 55, 127, 0.08));
    border: 1px solid rgba(16, 42, 96, 0.06);
}

.socialyn-about-check-item.is-featured > span {
    color: var(--socialyn-s-accent);
    background: #ffffff;
    box-shadow: 0 10px 22px rgba(16, 42, 96, 0.08);
}

.socialyn-about-values {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
    margin-top: clamp(46px, 4.5vw, 62px);
}

.socialyn-about-value-card {
    min-height: 240px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 34px 32px;
    border: 1px solid rgba(16, 42, 96, 0.08);
    border-radius: var(--socialyn-small-br);
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(16, 42, 96, 0.08);
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

.socialyn-about-value-card.is-vision {
    background: linear-gradient(135deg, rgba(8, 55, 127, 0.08), rgba(255, 255, 255, 0.94));
}

.socialyn-about-value-card.is-mission {
    background: linear-gradient(135deg, rgba(255, 23, 71, 0.10), rgba(255, 255, 255, 0.94));
}

.socialyn-about-value-card i {
    min-height: 48px;
    margin-bottom: 28px;
    color: var(--socialyn-s-accent-2);
    font-size: 46px;
    line-height: 1;
}

.socialyn-about-value-card.is-mission i,
.socialyn-about-value-card:nth-child(4) i {
    color: var(--socialyn-s-accent);
}

.socialyn-about-value-card h2 {
    margin: 0 0 18px;
    color: var(--socialyn-s-heading);
    font-size: 24px;
    line-height: 1.2;
}

.socialyn-about-value-card p {
    margin: 0;
    color: var(--socialyn-s-text);
    line-height: 1.62;
}

@media (hover: hover) {
    .socialyn-about-value-card:hover {
        border-color: rgba(255, 66, 105, 0.20);
        box-shadow: 0 24px 54px rgba(16, 42, 96, 0.12);
        transform: translateY(-5px);
    }
}

@media only screen and (max-width: 1279px) {
    .socialyn-about-showcase-grid {
        grid-template-columns: minmax(360px, 0.9fr) minmax(0, 1fr);
        gap: 54px;
    }

    .socialyn-about-media,
    .socialyn-about-image-orbit {
        min-height: 530px;
    }

    .socialyn-about-stat {
        min-width: 184px;
    }

    .socialyn-about-values {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media only screen and (max-width: 991px) {
    .socialyn-about-showcase-grid {
        grid-template-columns: 1fr;
    }

    .socialyn-about-media {
        order: 2;
        min-height: 520px;
    }

    .socialyn-about-copy {
        order: 1;
        text-align: center;
    }

    .socialyn-about-copy h2,
    .socialyn-about-copy > p,
    .socialyn-about-check-item p,
    .socialyn-about-check-item.is-featured {
        max-width: none;
    }

    .socialyn-about-check-item {
        text-align: left;
    }
}

@media only screen and (max-width: 739px) {
    .socialyn-about-showcase {
        padding-top: 46px;
        padding-bottom: 68px;
    }

    .socialyn-about-copy h2 {
        font-size: 36px;
    }

    .socialyn-about-copy > p {
        margin-bottom: 34px;
    }

    .socialyn-about-media,
    .socialyn-about-image-orbit {
        min-height: 430px;
    }

    .socialyn-about-image-orbit::before,
    .socialyn-about-image {
        width: 300px;
    }

    .socialyn-about-stat {
        min-width: 154px;
        min-height: 72px;
        grid-template-columns: 36px minmax(0, 1fr);
        column-gap: 10px;
        padding: 14px;
        border-radius: var(--socialyn-default-br);
    }

    .socialyn-about-stat strong {
        font-size: 22px;
    }

    .socialyn-about-stat small {
        font-size: 13px;
    }

    .socialyn-about-stat-icon {
        width: 36px;
        height: 36px;
    }

    .socialyn-about-mini-chart {
        width: 118px;
        top: 6%;
        right: 0;
    }

    .socialyn-about-stat-engagement {
        left: 0;
        top: 28%;
    }

    .socialyn-about-stat-growth {
        right: 0;
        bottom: 2%;
    }

    .socialyn-about-check-item,
    .socialyn-about-check-item.is-featured {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 16px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
    }

    .socialyn-about-check-item > span {
        width: 42px;
        height: 42px;
    }

    .socialyn-about-values {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: 54px;
    }

    .socialyn-about-value-card {
        min-height: 0;
        padding: 30px 28px;
    }
}

/* Pricing page */
.socialyn-price-showcase {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: clamp(70px, 7vw, 104px) 0 clamp(82px, 8vw, 116px);
    background: linear-gradient(180deg, #ffffff 0%, var(--socialyn-s-body-bg) 100%);
    scroll-margin-top: 92px;
}

.socialyn-price-showcase::before,
.socialyn-price-showcase::after {
    content: '';
    position: absolute;
    border-radius: 50%;
    pointer-events: none;
    filter: blur(90px);
    opacity: 0.09;
    z-index: -1;
}

.socialyn-price-showcase::before {
    width: 360px;
    height: 360px;
    top: 2%;
    left: -150px;
    background: radial-gradient(circle, var(--socialyn-s-accent) 0%, transparent 68%);
}

.socialyn-price-showcase::after {
    width: 430px;
    height: 430px;
    right: -160px;
    bottom: 8%;
    background: radial-gradient(circle, var(--socialyn-s-accent-2) 0%, transparent 70%);
}

.socialyn-price-heading {
    max-width: 720px;
    margin: 0 auto clamp(58px, 6vw, 88px);
    text-align: center;
}

.socialyn-price-heading span {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    margin-bottom: 24px;
    padding: 0 18px;
    border-radius: 999px;
    color: var(--socialyn-s-accent);
    background: rgba(255, 23, 71, 0.10);
    border: 1px solid rgba(255, 66, 105, 0.16);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.socialyn-price-heading h2 {
    margin: 0 0 24px;
    color: var(--socialyn-s-heading);
    font-size: clamp(38px, 4vw, 54px);
    line-height: 1.14;
    letter-spacing: 0;
}

.socialyn-price-heading p {
    max-width: 620px;
    margin: 0 auto;
    color: var(--socialyn-s-text);
    font-size: 17px;
    line-height: 1.62;
}

.socialyn-price-cards {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 374px) minmax(0, 1fr);
    align-items: center;
    max-width: 1120px;
    margin: 0 auto;
}

.socialyn-price-cards.is-single {
    grid-template-columns: minmax(330px, 374px);
    justify-content: center;
}

.socialyn-price-cards.plan-count-2 {
    grid-template-columns: repeat(2, minmax(330px, 390px));
    justify-content: center;
    gap: 28px;
}

.socialyn-plan-card {
    position: relative;
    min-height: 596px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 48px 54px 42px;
    border: 1px solid rgba(16, 42, 96, 0.08);
    border-radius: 48px;
    background: #ffffff;
    box-shadow: 0 18px 52px rgba(16, 42, 96, 0.07);
    text-align: center;
    transition: transform 0.24s ease, box-shadow 0.24s ease, border-color 0.24s ease;
}

.socialyn-plan-card:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.socialyn-plan-card:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.socialyn-plan-card.is-featured {
    z-index: 2;
    min-height: 654px;
    margin: -30px -8px;
    border-radius: 48px;
    border-color: rgba(255, 66, 105, 0.18);
    background: linear-gradient(180deg, rgba(255, 23, 71, 0.08) 0%, rgba(8, 55, 127, 0.09) 100%);
    box-shadow: 0 22px 64px rgba(16, 42, 96, 0.12);
}

.socialyn-price-cards.is-single .socialyn-plan-card,
.socialyn-price-cards.is-single .socialyn-plan-card:first-child,
.socialyn-price-cards.is-single .socialyn-plan-card:last-child,
.socialyn-price-cards.is-single .socialyn-plan-card.is-featured {
    width: 100%;
    margin: 0;
    border-radius: 48px;
}

.socialyn-price-cards.plan-count-2 .socialyn-plan-card:first-child {
    border-radius: 48px;
}

.socialyn-price-cards.plan-count-2 .socialyn-plan-card:last-child {
    border-radius: 48px;
}

.socialyn-price-cards.plan-count-2 .socialyn-plan-card.is-featured {
    margin: 0;
}

@media only screen and (min-width: 992px) {
    .socialyn-price-cards:not(.is-single) > .socialyn-plan-card:only-child,
    .socialyn-price-cards:not(.is-single) > .socialyn-plan-card.is-featured:only-child {
        grid-column: 2;
        width: 100%;
        margin: 0;
        border-radius: 48px;
    }
}

.socialyn-plan-icon {
    width: 68px;
    height: 68px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 28px;
    border-radius: 50%;
    color: #ffffff;
    background: var(--socialyn-brand-gradient);
    box-shadow: 0 14px 28px rgba(255, 23, 71, 0.18);
}

.socialyn-plan-icon i {
    font-size: 32px;
    line-height: 1;
}

.socialyn-plan-card h2 {
    margin: 0 0 22px;
    color: var(--socialyn-s-heading);
    font-size: 25px;
    line-height: 1.18;
}

.socialyn-plan-price {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    gap: 9px;
    color: var(--socialyn-s-accent);
    font-family: var(--socialyn-t-heading-ff);
    font-size: 40px;
    font-weight: 700;
    line-height: 1;
}

.socialyn-plan-price small {
    margin-bottom: 4px;
    color: var(--socialyn-s-text);
    font-family: var(--socialyn-t-primary-ff);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
}

.socialyn-plan-billing {
    margin: 14px 0 44px;
    color: var(--socialyn-s-text);
    font-size: 15px;
    line-height: 1.35;
}

.socialyn-plan-button {
    min-width: 180px;
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 40px;
    padding: 0 24px;
    border-radius: 999px;
    color: #ffffff !important;
    background: var(--socialyn-brand-gradient);
    box-shadow: 0 14px 30px rgba(255, 23, 71, 0.16);
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.06em;
    text-decoration: none;
    transition: background-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.socialyn-plan-button i {
    font-size: 14px;
    line-height: 1;
}

.socialyn-plan-features {
    width: 100%;
    display: grid;
    gap: 24px;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}

.socialyn-plan-features li {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    color: var(--socialyn-s-text);
    font-size: 15px;
    line-height: 1.45;
}

.socialyn-plan-features i {
    color: var(--socialyn-s-accent);
    font-size: 18px;
    line-height: 1.2;
}

.socialyn-plan-button:focus-visible {
    outline: 3px solid rgba(255, 66, 105, 0.28);
    outline-offset: 4px;
}

@media (hover: hover) {
    .socialyn-plan-card:hover {
        border-color: rgba(255, 66, 105, 0.20);
        box-shadow: 0 24px 64px rgba(16, 42, 96, 0.10);
        transform: translateY(-5px);
    }

    .socialyn-plan-card.is-featured:hover {
        transform: translateY(-5px);
    }

    .socialyn-plan-button:hover {
        background: linear-gradient(135deg, var(--socialyn-s-accent-2) 0%, var(--socialyn-s-accent) 100%);
        box-shadow: 0 18px 34px rgba(16, 42, 96, 0.20);
        transform: translateY(-2px);
    }
}

@media only screen and (max-width: 1199px) {
    .socialyn-price-cards {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .socialyn-price-cards.plan-count-2 {
        grid-template-columns: repeat(2, minmax(300px, 390px));
        justify-content: center;
        gap: 24px;
    }

    .socialyn-plan-card {
        min-height: 600px;
        padding-right: 34px;
        padding-left: 34px;
    }
}

@media only screen and (max-width: 991px) {
    .socialyn-price-cards {
        grid-template-columns: 1fr;
        gap: 22px;
        max-width: 520px;
    }

    .socialyn-plan-card,
    .socialyn-plan-card:first-child,
    .socialyn-plan-card:last-child,
    .socialyn-plan-card.is-featured {
        min-height: 0;
        margin: 0;
        border-radius: var(--socialyn-large-br);
    }

    .socialyn-plan-card {
        padding: 42px 34px;
    }

    .socialyn-plan-billing,
    .socialyn-plan-button {
        margin-bottom: 32px;
    }
}

@media only screen and (max-width: 575px) {
    .socialyn-price-showcase {
        padding-top: 52px;
        padding-bottom: 72px;
    }

    .socialyn-price-heading {
        margin-bottom: 42px;
    }

    .socialyn-price-heading h2 {
        font-size: 34px;
    }

    .socialyn-price-heading p {
        font-size: 16px;
    }

    .socialyn-plan-card {
        padding: 34px 26px;
    }

    .socialyn-plan-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 22px;
    }

    .socialyn-plan-icon i {
        font-size: 28px;
    }

    .socialyn-plan-price {
        font-size: 36px;
    }

    .socialyn-plan-features {
        gap: 18px;
    }
}

.pbb-80 {
    padding-bottom: 80px;
}
.ptt-50 {
    padding-top: 50px;
}
.ptt-90 {
    padding-top: 90px;
}

/* Homepage control section */
.socialyn-control-section {
    overflow: hidden;
    isolation: isolate;
    background:
        linear-gradient(115deg, rgba(255, 255, 255, 0.96), rgba(247, 251, 255, 0.92) 45%, rgba(255, 246, 248, 0.92)),
        repeating-linear-gradient(90deg, rgba(16, 42, 96, 0.045) 0 1px, transparent 1px 92px),
        repeating-linear-gradient(0deg, rgba(16, 42, 96, 0.035) 0 1px, transparent 1px 92px);
}

.socialyn-control-section::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.38), rgba(255, 255, 255, 0));
}

.socialyn-control-shell {
    width: min(1320px, calc(100vw - 2 * var(--stg-gap)));
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(440px, 0.92fr) minmax(0, 1fr);
    align-items: center;
    gap: clamp(48px, 6vw, 92px);
}

.socialyn-control-visual {
    position: relative;
    min-height: 650px;
    display: flex;
    align-items: center;
}

.socialyn-control-visual::before {
    content: '';
    position: absolute;
    top: 38px;
    right: 11%;
    bottom: 52px;
    left: 8%;
    border: 1px solid rgba(16, 42, 96, 0.12);
    border-radius: var(--socialyn-small-br);
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.72), rgba(223, 234, 250, 0.38)),
        repeating-linear-gradient(90deg, rgba(8, 55, 127, 0.08) 0 1px, transparent 1px 34px);
    box-shadow: 0 28px 70px rgba(16, 42, 96, 0.10);
    transform: rotate(-5deg);
}

.socialyn-control-visual::after {
    content: '';
    position: absolute;
    top: 94px;
    left: 4%;
    width: 78%;
    height: 1px;
    opacity: 0.75;
    background: repeating-linear-gradient(90deg, rgba(255, 23, 71, 0.42) 0 10px, transparent 10px 20px);
    transform: rotate(-5deg);
}

.socialyn-control-photo {
    position: relative;
    z-index: 2;
    width: min(590px, 92%);
    aspect-ratio: 4 / 5;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(16, 42, 96, 0.12);
    border-radius: var(--socialyn-small-br);
    background: #e8eef6;
    box-shadow: 0 32px 80px rgba(16, 42, 96, 0.18);
    transform: rotate(-2.5deg);
}

.socialyn-control-photo::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(8, 55, 127, 0.06), transparent 42%),
        linear-gradient(0deg, rgba(16, 42, 96, 0.20), transparent 38%);
}

.socialyn-control-photo img,
.socialyn-control-photo .st-lazy-wrapper {
    width: 100%;
    height: 100%;
}

.socialyn-control-photo img {
    object-fit: cover;
}

.socialyn-control-stats {
    position: absolute;
    right: 0;
    bottom: 42px;
    z-index: 5;
    width: 310px;
    display: grid;
    gap: 12px;
}

.socialyn-control-stat {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: end;
    min-width: 0;
    padding: 16px;
    border: 1px solid rgba(16, 42, 96, 0.12);
    border-radius: var(--socialyn-small-br);
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 20px 48px rgba(16, 42, 96, 0.14);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.socialyn-control-stat.is-live {
    border-left: 4px solid #12a98f;
}

.socialyn-control-stat span {
    grid-column: 1 / -1;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    color: rgba(16, 42, 96, 0.62);
    font-size: var(--socialyn-t-meta-fs);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.socialyn-control-stat.is-live span::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #12a98f;
}

.socialyn-control-stat strong {
    color: var(--socialyn-s-heading);
    font-size: 42px;
    font-weight: 600;
    line-height: 0.9;
}

.socialyn-control-stat small {
    margin-bottom: 3px;
    color: var(--socialyn-s-text);
    font-size: 13px;
    line-height: 1.2;
    text-align: right;
}

.socialyn-control-content {
    max-width: 650px;
}

.socialyn-control-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: var(--socialyn-s-text-accent);
    font-size: var(--socialyn-t-meta-fs);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.socialyn-control-eyebrow::before {
    content: '';
    width: 28px;
    height: 2px;
    background: #12a98f;
}

.socialyn-control-content h3 {
    max-width: 650px;
    margin-bottom: 24px;
}

.socialyn-control-content .socialyn-large-text {
    max-width: 600px;
    margin-bottom: 22px;
}

.socialyn-control-content > p:not(.socialyn-large-text) {
    max-width: 630px;
}

.socialyn-control-steps {
    margin: 36px 0 34px;
    border-top: 1px solid rgba(16, 42, 96, 0.12);
}

.socialyn-control-step {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    padding: 18px 0;
    border-bottom: 1px solid rgba(16, 42, 96, 0.12);
}

.socialyn-control-step > span {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 18px;
    line-height: 1;
    border: 1px solid rgba(255, 66, 105, 0.22);
    border-radius: var(--socialyn-small-br);
    background: var(--socialyn-brand-gradient);
    box-shadow: 0 12px 24px rgba(255, 23, 71, 0.16);
}

.socialyn-control-step > span i {
    display: block;
    line-height: 1;
}

.socialyn-control-step strong {
    display: block;
    margin-bottom: 6px;
    color: var(--socialyn-s-heading);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.2;
}

.socialyn-control-step p {
    max-width: 500px;
    margin: 0;
    color: var(--socialyn-s-text);
    line-height: 1.55;
}

.socialyn-control-link.socialyn-icon-link,
.socialyn-control-link.socialyn-icon-link:visited {
    color: var(--socialyn-s-heading);
    padding: 8px 22px 8px 8px;
    border: 1px solid rgba(16, 42, 96, 0.12);
    border-radius: var(--socialyn-small-br);
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(16, 42, 96, 0.10);
    transition: transform 0.25s, box-shadow 0.25s;
}

.socialyn-control-link.socialyn-icon-link .socialyn-icon-wrap {
    width: 64px;
    height: 64px;
    flex: 0 0 64px;
    border-radius: var(--socialyn-small-br);
    background: var(--socialyn-brand-gradient);
}

.socialyn-control-link.socialyn-icon-link .socialyn-icon-wrap::before {
    border: 1px solid rgba(255, 255, 255, 0.38);
}

.socialyn-control-link.socialyn-icon-link i {
    width: 24px;
    height: 24px;
    background: #ffffff;
}

.socialyn-control-link.socialyn-icon-link h6 {
    color: var(--socialyn-s-heading);
    font-size: 18px;
}

@media (hover: hover) {
    .socialyn-control-link.socialyn-icon-link:hover {
        transform: translateY(-2px);
        box-shadow: 0 24px 54px rgba(16, 42, 96, 0.14);
    }
}

@media only screen and (max-width: 1279px) {
    .socialyn-control-shell {
        width: min(1120px, calc(100vw - 2 * var(--stg-gap)));
        grid-template-columns: minmax(390px, 0.92fr) minmax(0, 1fr);
        gap: 48px;
    }

    .socialyn-control-visual {
        min-height: 590px;
    }

    .socialyn-control-photo {
        width: min(510px, 92%);
    }

    .socialyn-control-stats {
        right: clamp(18px, 4vw, 36px);
        width: 275px;
    }

    .socialyn-control-stat strong {
        font-size: 36px;
    }
}

@media only screen and (max-width: 991px) {
    .socialyn-control-section {
        padding: 96px 0;
    }

    .socialyn-control-shell {
        grid-template-columns: 1fr;
        gap: 54px;
    }

    .socialyn-control-visual {
        width: min(640px, 100%);
        min-height: 610px;
        margin: 0 auto;
    }

    .socialyn-control-content {
        max-width: 760px;
    }
}

@media only screen and (max-width: 739px) {
    .socialyn-control-section {
        padding: 80px 0;
    }

    .socialyn-control-shell {
        width: calc(100vw - 2 * var(--stg-gap));
        gap: 38px;
    }

    .socialyn-control-visual {
        display: block;
        min-height: 0;
    }

    .socialyn-control-visual::before {
        top: 18px;
        right: 0;
        bottom: auto;
        left: 0;
        height: 72%;
        transform: rotate(-2deg);
    }

    .socialyn-control-visual::after {
        display: none;
    }

    .socialyn-control-photo {
        width: 100%;
        aspect-ratio: 1 / 1;
        transform: none;
    }

    .socialyn-control-stats {
        position: relative;
        right: auto;
        bottom: auto;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 14px;
    }

    .socialyn-control-stat {
        padding: 14px;
    }

    .socialyn-control-stat strong {
        font-size: 30px;
    }

    .socialyn-control-stat small {
        text-align: left;
    }

    .socialyn-control-content h3 {
        margin-bottom: 20px;
    }

    .socialyn-control-steps {
        margin-top: 28px;
    }

    .socialyn-control-step {
        grid-template-columns: 52px minmax(0, 1fr);
        gap: 12px;
        padding: 16px 0;
    }

    .socialyn-control-link.socialyn-icon-link .socialyn-icon-wrap {
        width: 56px;
        height: 56px;
        flex-basis: 56px;
    }

    .socialyn-control-link.socialyn-icon-link h6 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 479px) {
    .socialyn-control-stats {
        grid-template-columns: 1fr;
    }

    .socialyn-control-step {
        grid-template-columns: 1fr;
    }

    .socialyn-control-link.socialyn-icon-link {
        width: 100%;
        justify-content: flex-start;
    }
}

/* Homepage tools section */
.socialyn-tools-section {
    overflow: hidden;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(255, 255, 255, 0.90)),
        linear-gradient(115deg, rgba(255, 23, 71, 0.07), transparent 42%),
        linear-gradient(285deg, rgba(8, 55, 127, 0.08), transparent 50%);
}


.socialyn-tools-title {
    margin-bottom: 56px;
}

.socialyn-tools-title h2 {
    max-width: 820px;
}

.socialyn-tools-title p.is-short {
    max-width: 720px;
}

.socialyn-tools-grid {
    align-items: stretch;
}

.socialyn-tools-column {
    display: grid !important;
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.socialyn-tools-section .socialyn-image-box {
    position: relative;
    min-height: 100%;
    padding: 26px;
    overflow: hidden;
    border: 1px solid rgba(16, 42, 96, 0.11);
    border-radius: var(--socialyn-small-br);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 22px 54px rgba(16, 42, 96, 0.08);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.socialyn-tools-section .socialyn-image-box::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(135deg, rgba(255, 23, 71, 0.05), transparent 42%),
        linear-gradient(315deg, rgba(8, 55, 127, 0.06), transparent 48%);
    opacity: 0;
    transition: opacity 0.25s;
}

.socialyn-tools-section .socialyn-image-box:not(:last-child) {
    margin-bottom: 0;
}

.socialyn-tools-section .socialyn-image-box-head,
.socialyn-tools-section .socialyn-image-box-content {
    position: relative;
    z-index: 2;
}

.socialyn-tools-section .socialyn-image-box-head {
    gap: 18px;
    margin-bottom: 18px;
}

.socialyn-tools-section .socialyn-image-box-head img {
    flex: 0 0 58px;
    width: 58px;
    max-width: 58px;
    height: 58px;
    padding: 12px;
    object-fit: contain;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: var(--socialyn-small-br);
    background: var(--socialyn-brand-gradient);
    box-shadow: 0 14px 32px rgba(255, 23, 71, 0.16);
}

.socialyn-tools-section .socialyn-image-box-head h5 {
    margin: 0;
    color: var(--socialyn-s-heading);
    font-size: 24px;
}

.socialyn-tools-section .socialyn-image-box-content p {
    color: #52667c;
    line-height: 1.58;
}

.socialyn-tools-section .socialyn-image-box-content ul {
    margin: 20px 0 0;
    padding: 0;
    list-style: none !important;
}

.socialyn-tools-section .socialyn-image-box-content li {
    position: relative;
    list-style: none !important;
    list-style-type: none !important;
    margin: 0 0 9px;
    padding-left: 20px;
    color: #52667c;
    line-height: 1.45;
    text-align: left;
}

.socialyn-tools-section .socialyn-image-box-content li::marker {
    content: '';
    font-size: 0;
}

.socialyn-tools-section .socialyn-image-box-content li:last-child {
    margin-bottom: 0;
}

.socialyn-tools-section .socialyn-image-box-content li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.62em;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #12a98f;
    box-shadow: 0 0 0 4px rgba(18, 169, 143, 0.12);
}

.socialyn-tools-media {
    justify-content: center;
}

.socialyn-tools-photo {
    position: relative;
    min-height: 100%;
    overflow: visible;
    border-radius: var(--socialyn-small-br);
    box-shadow: none;
}

.socialyn-tools-photo::before {
    content: '';
    position: absolute;
    inset: -28px;
    z-index: 0;
    border: 1px solid rgba(16, 42, 96, 0.10);
    border-radius: var(--socialyn-small-br);
    background:
        repeating-linear-gradient(90deg, rgba(16, 42, 96, 0.06) 0 1px, transparent 1px 32px),
        linear-gradient(135deg, rgba(255, 255, 255, 0.82), rgba(223, 234, 250, 0.34));
    transform: rotate(2deg);
}

.socialyn-tools-photo::after {
    content: 'Live workspace';
    position: absolute;
    right: 22px;
    bottom: 22px;
    z-index: 4;
    padding: 10px 14px;
    color: var(--socialyn-s-heading);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    border: 1px solid rgba(16, 42, 96, 0.12);
    border-radius: var(--socialyn-small-br);
    background: rgba(255, 255, 255, 0.84);
    box-shadow: 0 14px 32px rgba(16, 42, 96, 0.12);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.socialyn-tools-photo img,
.socialyn-tools-photo .st-lazy-wrapper {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    min-height: 620px;
    border-radius: var(--socialyn-small-br);
}

.socialyn-tools-photo img {
    object-fit: cover;
    box-shadow: 0 28px 72px rgba(16, 42, 96, 0.14);
}

@media (hover: hover) {
    .socialyn-tools-section .socialyn-image-box {
        transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
    }

    .socialyn-tools-section .socialyn-image-box:hover {
        transform: translateY(-4px);
        border-color: rgba(255, 66, 105, 0.26);
        box-shadow: 0 28px 64px rgba(16, 42, 96, 0.12);
    }

    .socialyn-tools-section .socialyn-image-box:hover::before {
        opacity: 1;
    }
}

@media only screen and (max-width: 1279px) {
    .socialyn-tools-section .socialyn-image-box {
        padding: 22px;
    }

    .socialyn-tools-section .socialyn-image-box-head h5 {
        font-size: 21px;
    }

    .socialyn-tools-photo img,
    .socialyn-tools-photo .st-lazy-wrapper {
        min-height: 560px;
    }
}

@media only screen and (max-width: 991px) {
    .socialyn-tools-title {
        margin-bottom: 46px;
    }

    .socialyn-tools-media {
        order: -1;
    }

    .socialyn-tools-column {
        grid-template-rows: unset;
        gap: var(--stg-gap);
    }

    .socialyn-tools-photo {
        width: min(520px, 100%);
        margin: 0 auto;
    }

    .socialyn-tools-photo img,
    .socialyn-tools-photo .st-lazy-wrapper {
        min-height: 0;
        aspect-ratio: 4 / 5;
    }
}

@media only screen and (max-width: 739px) {
    .socialyn-tools-section {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .socialyn-tools-title {
        margin-bottom: 34px;
    }

    .socialyn-tools-title h2 {
        margin-bottom: 18px;
    }

    .socialyn-tools-section .socialyn-image-box {
        padding: 20px;
    }

    .socialyn-tools-section .socialyn-image-box-head {
        align-items: flex-start;
        gap: 14px;
    }

    .socialyn-tools-section .socialyn-image-box-head img {
        flex-basis: 52px;
        width: 52px;
        max-width: 52px;
        height: 52px;
        padding: 11px;
    }

    .socialyn-tools-section .socialyn-image-box-head h5 {
        font-size: 20px;
        line-height: 1.2;
    }

    .socialyn-tools-photo::before {
        inset: -16px;
    }

    .socialyn-tools-photo::after {
        right: 14px;
        bottom: 14px;
    }
}

/* Homepage premium services section */
.socialyn-premium-services {
    overflow: hidden;
    isolation: isolate;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(246, 249, 255, 0.92) 54%, rgba(255, 247, 249, 0.90)),
        linear-gradient(120deg, rgba(255, 23, 71, 0.08), transparent 36%),
        linear-gradient(300deg, rgba(8, 55, 127, 0.10), transparent 42%);
}

.socialyn-premium-services.backlight-top::before {
    height: 100%;
    background:
        radial-gradient(circle at 22% 6%, rgba(255, 23, 71, 0.12), transparent 30%),
        radial-gradient(circle at 92% 34%, rgba(18, 169, 143, 0.10), transparent 28%);
}

.socialyn-premium-services-media {
    --st-eos-br: 18px;
    position: relative;
    width: min(1320px, calc(100vw - 2 * var(--stg-gap)));
    margin: 0 auto;
    overflow: hidden;
    border: 1px solid rgba(16, 42, 96, 0.12);
    border-radius: 18px;
    background: #e8eef6;
    box-shadow: 0 34px 88px rgba(16, 42, 96, 0.16);
}

.socialyn-premium-services-media::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(16, 42, 96, 0.58), rgba(16, 42, 96, 0.06) 46%, rgba(255, 255, 255, 0.12)),
        linear-gradient(0deg, rgba(16, 42, 96, 0.32), transparent 42%);
}

.socialyn-premium-services-media img {
    width: 100%;
    height: min(520px, 42vw);
    min-height: 360px;
    object-fit: cover;
    filter: saturate(1.08) contrast(1.02);
}

.socialyn-expand-on-scroll > .socialyn-premium-services-panel {
    position: absolute;
    left: 34px;
    bottom: 34px;
    z-index: 4;
    width: min(410px, calc(100% - 68px));
    height: auto;
    padding: 24px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: var(--socialyn-small-br);
    background: rgba(16, 42, 96, 0.42);
    box-shadow: 0 24px 64px rgba(16, 42, 96, 0.26);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.socialyn-premium-services-panel span,
.socialyn-premium-services-panel strong,
.socialyn-premium-services-panel small {
    display: block;
}

.socialyn-premium-services-panel span {
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.socialyn-premium-services-panel strong {
    margin-bottom: 10px;
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.08;
}

.socialyn-premium-services-panel small {
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.45;
}

.socialyn-premium-services-layout {
    width: min(1320px, calc(100vw - 2 * var(--stg-gap)));
    margin: calc(var(--stg-large-gap) + 8px) auto 0;
    align-items: flex-start;
}

.socialyn-premium-services-copy .socialyn-sticky-block {
    top: 118px;
    padding: 34px;
    border: 1px solid rgba(16, 42, 96, 0.11);
    border-radius: var(--socialyn-small-br);
    background: rgba(255, 255, 255, 0.70);
    box-shadow: 0 28px 70px rgba(16, 42, 96, 0.09);
    -webkit-backdrop-filter: blur(14px);
    backdrop-filter: blur(14px);
}

.socialyn-premium-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: var(--socialyn-s-text-accent);
    font-size: var(--socialyn-t-meta-fs);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.socialyn-premium-eyebrow::before {
    content: '';
    width: 30px;
    height: 2px;
    background: #12a98f;
}

.socialyn-premium-services-copy h2 {
    margin-bottom: 24px;
}

.socialyn-premium-services-copy .socialyn-large-text {
    margin-bottom: 28px;
    color: #40536a;
}

.socialyn-premium-service-card {
    position: relative;
    display: grid;
    grid-template-columns: 74px minmax(0, 1fr);
    grid-template-areas:
        "num head"
        "num desc";
    grid-template-rows: auto auto;
    gap: 18px 24px;
    min-height: 0;
    padding: 26px 30px;
    overflow: hidden;
    border: 1px solid rgba(16, 42, 96, 0.10);
    border-radius: var(--socialyn-small-br);
    background: rgba(255, 255, 255, 0.82);
    box-shadow: 0 22px 56px rgba(16, 42, 96, 0.08);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.socialyn-premium-service-card::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(255, 23, 71, 0.06), transparent 44%, rgba(8, 55, 127, 0.06));
    opacity: 0;
    transition: opacity 0.25s;
}

.socialyn-premium-service-number {
    grid-area: num;
    position: relative;
    z-index: 2;
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--socialyn-s-heading);
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    border: 1px solid rgba(16, 42, 96, 0.12);
    border-radius: var(--socialyn-small-br);
    background: #ffffff;
    box-shadow: 0 14px 32px rgba(16, 42, 96, 0.08);
}

.socialyn-premium-services .socialyn-tetimonials-card-footer,
.socialyn-premium-services .socialyn-tetimonials-card-descr {
    position: relative;
    z-index: 2;
}

.socialyn-premium-services .socialyn-tetimonials-card-footer {
    grid-area: head;
    margin: 0;
}

.socialyn-premium-services .socialyn-tetimonials-card-name {
    display: flex;
    align-items: center;
    gap: 16px;
}

.socialyn-premium-services .socialyn-tetimonials-card-name img {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    padding: 11px;
    object-fit: contain;
    border: 1px solid rgba(255, 255, 255, 0.36);
    border-radius: var(--socialyn-small-br);
    background: var(--socialyn-brand-gradient);
    box-shadow: 0 14px 30px rgba(255, 23, 71, 0.14);
}

.socialyn-premium-services .socialyn-tetimonials-card-name h6 {
    margin: 0;
    color: var(--socialyn-s-heading);
}

.socialyn-premium-services .socialyn-tetimonials-card-descr {
    grid-area: desc;
    margin: 0;
    color: #52667c;
    line-height: 1.62;
}

@media (hover: hover) {
    .socialyn-premium-service-card {
        transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
    }

    .socialyn-premium-service-card:hover {
        transform: translateY(-4px);
        border-color: rgba(255, 66, 105, 0.26);
        box-shadow: 0 30px 70px rgba(16, 42, 96, 0.12);
    }

    .socialyn-premium-service-card:hover::after {
        opacity: 1;
    }
}

@media only screen and (max-width: 1279px) {
    .socialyn-premium-services-layout,
    .socialyn-premium-services-media {
        width: min(1120px, calc(100vw - 2 * var(--stg-gap)));
    }

    .socialyn-premium-services-copy .socialyn-sticky-block {
        padding: 28px;
    }

    .socialyn-premium-service-card {
        grid-template-columns: 64px minmax(0, 1fr);
        padding: 24px;
    }
}

@media only screen and (max-width: 991px) {
    .socialyn-premium-services-layout {
        width: calc(100% + var(--stg-gap));
        margin-top: var(--stg-large-gap);
    }

    .socialyn-premium-services-copy .socialyn-sticky-block {
        position: relative;
        top: auto;
    }
}

@media only screen and (max-width: 739px) {
    .socialyn-premium-services {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .socialyn-premium-services-media {
        width: calc(100vw - 2 * var(--stg-gap));
        border-radius: var(--socialyn-small-br);
    }

    .socialyn-premium-services-media img {
        height: 360px;
        min-height: 0;
    }

    .socialyn-expand-on-scroll > .socialyn-premium-services-panel {
        left: 16px;
        right: 16px;
        bottom: 16px;
        width: auto;
        padding: 18px;
    }

    .socialyn-premium-services-panel strong {
        font-size: 22px;
    }

    .socialyn-premium-services-copy .socialyn-sticky-block {
        padding: 22px;
    }

    .socialyn-premium-service-card {
        grid-template-columns: 1fr;
        grid-template-areas:
            "num"
            "head"
            "desc";
        gap: 16px;
        padding: 22px;
    }

    .socialyn-premium-service-number {
        width: 48px;
        height: 48px;
    }

    .socialyn-premium-services .socialyn-tetimonials-card-name {
        align-items: flex-start;
    }

    .socialyn-premium-services .socialyn-tetimonials-card-name img {
        flex-basis: 48px;
        width: 48px;
        height: 48px;
    }
}

/* Homepage premium services section: service console redesign */
.socialyn-premium-services {
    padding: 118px 0;
    overflow: visible;
    isolation: isolate;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(245, 250, 252, 0.94) 52%, rgba(255, 247, 249, 0.92)),
        linear-gradient(120deg, rgba(255, 23, 71, 0.08), transparent 34%),
        linear-gradient(300deg, rgba(18, 169, 143, 0.10), transparent 45%);
}

.socialyn-premium-services.backlight-top::before {
    height: 100%;
    opacity: 1;
    background:
        repeating-linear-gradient(90deg, rgba(16, 42, 96, 0.035) 0 1px, transparent 1px 82px),
        repeating-linear-gradient(0deg, rgba(16, 42, 96, 0.025) 0 1px, transparent 1px 82px);
}

.socialyn-premium-services-layout {
    width: min(1320px, calc(100vw - 2 * var(--stg-gap)));
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(330px, 0.72fr) minmax(0, 1.28fr);
    gap: 44px;
    align-items: start;
}

.socialyn-premium-services-copy {
    position: relative;
    top: auto;
    z-index: 5;
    align-self: stretch;
    min-height: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

.socialyn-premium-services-copy-panel {
    position: sticky;
    top: clamp(96px, 11vh, 122px);
    padding: 32px;
    border: 1px solid rgba(16, 42, 96, 0.12);
    border-left: 4px solid #12a98f;
    border-radius: var(--socialyn-small-br);
    background: rgba(255, 255, 255, 0.76);
    box-shadow: 0 28px 72px rgba(16, 42, 96, 0.10);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

.socialyn-premium-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 18px;
    color: var(--socialyn-s-text-accent);
    font-size: var(--socialyn-t-meta-fs);
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.socialyn-premium-eyebrow::before {
    content: '';
    width: 30px;
    height: 2px;
    background: #12a98f;
}

.socialyn-premium-services-copy h2 {
    max-width: 520px;
    margin-bottom: 20px;
    font-size: 44px;
    line-height: 1.08;
}

.socialyn-premium-services-copy .socialyn-large-text {
    max-width: 520px;
    margin-bottom: 30px;
    color: #40536a;
    font-size: 18px;
    line-height: 1.55;
}

.socialyn-premium-services-suite {
    display: grid;
    gap: 22px;
}

.socialyn-premium-services-media {
    position: relative;
    width: 100%;
    min-height: 380px;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(16, 42, 96, 0.12);
    border-radius: var(--socialyn-small-br);
    background: #e8eef6;
    box-shadow: 0 30px 74px rgba(16, 42, 96, 0.14);
}

.socialyn-premium-services-media::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(16, 42, 96, 0.58), transparent 52%),
        linear-gradient(0deg, rgba(16, 42, 96, 0.28), transparent 44%);
}

.socialyn-premium-services-media img {
    width: 100%;
    height: 100%;
    min-height: 380px;
    object-fit: cover;
    filter: saturate(1.08) contrast(1.02);
}

.socialyn-premium-services-panel {
    position: absolute;
    left: 24px;
    bottom: 24px;
    z-index: 4;
    width: min(370px, calc(100% - 48px));
    padding: 22px;
    color: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.30);
    border-radius: var(--socialyn-small-br);
    background: rgba(16, 42, 96, 0.46);
    box-shadow: 0 20px 54px rgba(16, 42, 96, 0.24);
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
}

.socialyn-premium-services-panel span,
.socialyn-premium-services-panel strong,
.socialyn-premium-services-panel small {
    display: block;
}

.socialyn-premium-services-panel span {
    margin-bottom: 9px;
    color: rgba(255, 255, 255, 0.74);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
}

.socialyn-premium-services-panel strong {
    margin-bottom: 9px;
    color: #ffffff;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.08;
}

.socialyn-premium-services-panel small {
    color: rgba(255, 255, 255, 0.78);
    font-size: 14px;
    line-height: 1.45;
}

.socialyn-premium-orbit {
    position: absolute;
    right: 26px;
    top: 26px;
    z-index: 4;
    display: flex;
    gap: 8px;
}

.socialyn-premium-orbit span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.16);
}

.socialyn-premium-orbit span:nth-child(2) {
    background: #12a98f;
}

.socialyn-premium-orbit span:nth-child(3) {
    background: #ff4269;
}

.socialyn-premium-service-board {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.socialyn-premium-service-card {
    position: relative;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-areas:
        "head"
        "desc";
    gap: 24px;
    min-height: 220px;
    padding: 24px;
    overflow: hidden;
    border: 1px solid rgba(16, 42, 96, 0.11);
    border-radius: var(--socialyn-small-br);
    background: rgba(255, 255, 255, 0.86);
    box-shadow: 0 22px 56px rgba(16, 42, 96, 0.08);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.socialyn-premium-service-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, #ff4269, #12a98f);
}

.socialyn-premium-service-card::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(135deg, rgba(255, 23, 71, 0.05), transparent 50%, rgba(18, 169, 143, 0.06));
    opacity: 0;
    transition: opacity 0.25s;
}

.socialyn-premium-service-card.is-wide {
    grid-column: 1 / -1;
    min-height: 165px;
}

.socialyn-premium-service-number {
    grid-area: num;
    position: relative;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 0;
    color: var(--socialyn-s-heading);
    font-size: 13px;
    font-weight: 600;
    line-height: 1;
    border: 1px solid rgba(16, 42, 96, 0.12);
    border-radius: var(--socialyn-small-br);
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(16, 42, 96, 0.08);
}

.socialyn-premium-service-head,
.socialyn-premium-service-card p {
    position: relative;
    z-index: 2;
}

.socialyn-premium-service-head {
    grid-area: head;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 18px;
    width: 100%;
    margin-bottom: 0;
}

.socialyn-premium-service-head img {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    padding: 11px;
    object-fit: contain;
    border: 1px solid rgba(255, 255, 255, 0.36);
    border-radius: var(--socialyn-small-br);
    background: var(--socialyn-brand-gradient);
    box-shadow: 0 14px 30px rgba(255, 23, 71, 0.14);
}

.socialyn-premium-service-head h6 {
    margin: 0;
    color: var(--socialyn-s-heading);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.2;
}

.socialyn-premium-service-card p {
    grid-area: desc;
    margin: 0;
    color: #52667c;
    line-height: 1.58;
}

@media (hover: hover) {
    .socialyn-premium-service-card {
        transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
    }

    .socialyn-premium-service-card:hover {
        transform: translateY(-4px);
        border-color: rgba(255, 66, 105, 0.25);
        box-shadow: 0 30px 70px rgba(16, 42, 96, 0.12);
    }

    .socialyn-premium-service-card:hover::after {
        opacity: 1;
    }
}

@media only screen and (max-width: 1279px) {
    .socialyn-premium-services-layout {
        width: min(1120px, calc(100vw - 2 * var(--stg-gap)));
        grid-template-columns: minmax(300px, 0.8fr) minmax(0, 1.2fr);
        gap: 30px;
    }

    .socialyn-premium-services-copy-panel {
        padding: 28px;
    }

    .socialyn-premium-services-copy h2 {
        font-size: 38px;
    }

    .socialyn-premium-service-card {
        padding: 22px;
    }
}

@media only screen and (max-width: 991px) {
    .socialyn-premium-services-layout {
        grid-template-columns: 1fr;
    }

    .socialyn-premium-services-copy {
        position: relative;
        top: auto;
        min-height: 0;
    }

    .socialyn-premium-services-copy-panel {
        position: relative;
        top: auto;
    }

    .socialyn-premium-services-suite {
        gap: 20px;
    }
}

@media only screen and (max-width: 739px) {
    .socialyn-premium-services {
        padding: 80px 0;
    }

    .socialyn-premium-services-layout {
        width: calc(100vw - 2 * var(--stg-gap));
        gap: 24px;
    }

    .socialyn-premium-services-copy-panel {
        padding: 24px;
    }

    .socialyn-premium-services-copy h2 {
        font-size: 34px;
        line-height: 1.12;
    }

    .socialyn-premium-services-media {
        min-height: 390px;
    }

    .socialyn-premium-services-media img {
        min-height: 390px;
    }

    .socialyn-premium-services-panel {
        left: 16px;
        right: 16px;
        bottom: 16px;
        width: auto;
        padding: 18px;
    }

    .socialyn-premium-services-panel strong {
        font-size: 22px;
    }

    .socialyn-premium-service-board {
        grid-template-columns: 1fr;
    }

    .socialyn-premium-service-card,
    .socialyn-premium-service-card.is-wide {
        grid-column: auto;
        min-height: 0;
        padding: 22px;
    }

    .socialyn-premium-service-head {
        align-items: flex-start;
    }
}

/* Homepage why choose section */
.socialyn-why-choose-section {
    padding: 112px 0;
}

.socialyn-why-choose-section.socialyn-gradient-blur-section {
    overflow: clip;
}

.socialyn-why-choose-layout.row {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
    display: grid;
    grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr);
    gap: clamp(34px, 5vw, 76px);
    align-items: start;
    margin-right: 0;
    margin-left: 0;
}

.socialyn-why-choose-layout > [class*="col-"] {
    flex: initial;
    width: auto;
    max-width: none;
    padding-right: 0;
    padding-left: 0;
}

.socialyn-why-choose-left {
    align-self: stretch;
    min-height: 100%;
}

.socialyn-why-choose-copy {
    position: sticky;
    top: clamp(96px, 11vh, 124px);
    max-width: 560px;
    padding: 34px 0 34px 30px;
}

.socialyn-why-choose-copy h2 {
    margin-bottom: 22px;
    color: var(--socialyn-s-heading);
    font-size: clamp(38px, 4vw, 56px);
    line-height: 1.08;
}

.socialyn-why-choose-copy .socialyn-large-text {
    max-width: 510px;
    margin: 0;
    color: #40536a;
    font-size: 19px;
    line-height: 1.62;
}

.socialyn-why-benefit-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 18px;
}

.socialyn-why-benefit-card {
    --why-accent: var(--socialyn-s-text-accent);
    position: relative;
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 22px;
    align-items: start;
    min-height: 0;
    padding: 28px;
    overflow: hidden;
    border: 1px solid rgba(16, 42, 96, 0.11);
    border-radius: var(--socialyn-small-br);
    background: rgba(255, 255, 255, 0.90);
    box-shadow: 0 16px 44px rgba(16, 42, 96, 0.07);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.socialyn-why-benefit-card::before {
    content: '';
    position: absolute;
    top: 28px;
    bottom: 28px;
    left: 0;
    width: 4px;
    border-radius: 0 999px 999px 0;
    background: var(--why-accent);
    opacity: 0.82;
}

.socialyn-why-benefit-marker {
    position: relative;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    color: var(--socialyn-s-heading);
    border: 1px solid rgba(16, 42, 96, 0.10);
    border-radius: var(--socialyn-small-br);
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(16, 42, 96, 0.06);
}

.socialyn-why-benefit-marker span {
    display: block;
    margin-bottom: 4px;
    color: var(--why-accent);
    font-size: 12px;
    font-weight: 600;
    line-height: 1;
}

.socialyn-why-benefit-marker i {
    display: block;
    color: var(--socialyn-s-heading);
    font-size: 20px;
    line-height: 1;
}

.socialyn-why-benefit-content h4 {
    margin: 0 0 13px;
    color: var(--socialyn-s-heading);
    font-size: 26px;
    line-height: 1.18;
}

.socialyn-why-benefit-content p {
    max-width: 680px;
    margin: 0;
    color: #52667c;
    line-height: 1.62;
}

@media (hover: hover) {
    .socialyn-why-benefit-card {
        transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
    }

    .socialyn-why-benefit-marker {
        transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
    }

    .socialyn-why-benefit-marker span,
    .socialyn-why-benefit-marker i {
        transition: color 0.25s ease;
    }

    .socialyn-why-benefit-card:hover {
        transform: translateY(-4px);
        border-color: rgba(255, 66, 105, 0.25);
        box-shadow: 0 24px 58px rgba(16, 42, 96, 0.10);
    }

    .socialyn-why-benefit-card:hover .socialyn-why-benefit-marker {
        color: #ffffff;
        border-color: transparent;
        background: var(--why-accent);
        box-shadow: 0 16px 34px rgba(255, 66, 105, 0.18);
    }

    .socialyn-why-benefit-card:hover .socialyn-why-benefit-marker span,
    .socialyn-why-benefit-card:hover .socialyn-why-benefit-marker i {
        color: #ffffff;
    }
}

@media only screen and (max-width: 991px) {
    .socialyn-why-choose-section {
        padding: 88px 0;
    }

    .socialyn-why-choose-layout.row {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .socialyn-why-choose-left {
        min-height: 0;
    }

    .socialyn-why-choose-copy {
        position: relative;
        top: auto;
        max-width: 760px;
        padding: 28px 0 28px 26px;
    }

    .socialyn-why-choose-copy h2 {
        font-size: 42px;
    }
}

@media only screen and (max-width: 739px) {
    .socialyn-why-choose-section {
        padding: 72px 0;
    }

    .socialyn-why-choose-copy {
        position: relative;
        top: auto;
        padding: 22px 0 22px 20px;
    }

    .socialyn-why-choose-copy h2 {
        margin-bottom: 18px;
        font-size: 34px;
        line-height: 1.12;
    }

    .socialyn-why-choose-copy .socialyn-large-text {
        font-size: 17px;
        line-height: 1.58;
    }

    .socialyn-why-benefit-list {
        gap: 16px;
    }

    .socialyn-why-benefit-card {
        grid-template-columns: 54px minmax(0, 1fr);
        gap: 16px;
        padding: 22px;
    }

    .socialyn-why-benefit-card::before {
        top: 22px;
        bottom: 22px;
    }

    .socialyn-why-benefit-marker {
        width: 48px;
        height: 48px;
    }

    .socialyn-why-benefit-marker i {
        font-size: 17px;
    }

    .socialyn-why-benefit-content h4 {
        font-size: 22px;
    }
}

/* Homepage pricing CTA */
.socialyn-pricing-cta-section {
    padding-top: 18px;
}

.socialyn-pricing-cta {
    position: relative;
    overflow: hidden;
    padding: clamp(34px, 5vw, 56px);
    border: 1px solid rgba(16, 42, 96, 0.10);
    border-radius: var(--socialyn-small-br);
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.91) 44%, rgba(255, 255, 255, 0.62) 100%),
        linear-gradient(135deg, rgba(255, 66, 105, 0.12), rgba(8, 55, 127, 0.16)),
        url("../img/home/cta-social-analytics.jpg") right center / cover no-repeat;
    box-shadow: 0 22px 58px rgba(16, 42, 96, 0.09);
}

.socialyn-pricing-cta-row.row {
    --bs-gutter-x: 32px;
    --bs-gutter-y: 28px;
}

.socialyn-pricing-cta-copy {
    max-width: 760px;
}

.socialyn-pricing-cta-copy h2 {
    margin: 0 0 14px;
    color: var(--socialyn-s-heading);
    font-size: clamp(34px, 4vw, 52px);
    line-height: 1.08;
}

.socialyn-pricing-cta-copy p {
    max-width: 620px;
    margin: 0;
    color: #40536a;
    font-size: 20px;
    line-height: 1.55;
}

.socialyn-pricing-cta-action {
    display: flex;
    justify-content: flex-end;
}

.socialyn-pricing-cta-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 58px;
    padding: 0 26px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    white-space: nowrap;
    border: 1px solid transparent;
    border-radius: var(--socialyn-small-br);
    background: var(--socialyn-brand-gradient);
    box-shadow: 0 16px 34px rgba(255, 23, 71, 0.18);
    transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;
}

.socialyn-pricing-cta-button i {
    color: inherit;
    font-size: 18px;
    line-height: 1;
    transition: transform 0.22s ease;
}

.socialyn-pricing-cta-button:focus,
.socialyn-pricing-cta-button:visited {
    color: #ffffff;
}

.socialyn-pricing-cta-button:hover {
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 20px 42px rgba(255, 23, 71, 0.24);
}

.socialyn-pricing-cta-button:hover i {
    transform: translateX(3px);
}

.socialyn-pricing-cta-button:focus-visible {
    color: #ffffff;
    outline: 3px solid rgba(255, 66, 105, 0.34);
    outline-offset: 4px;
    box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.96), 0 16px 34px rgba(16, 42, 96, 0.16);
}

@media only screen and (max-width: 991px) {
    .socialyn-pricing-cta {
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.82) 100%),
            linear-gradient(135deg, rgba(255, 66, 105, 0.12), rgba(8, 55, 127, 0.14)),
            url("../img/home/cta-social-analytics.jpg") center center / cover no-repeat;
        text-align: center;
    }

    .socialyn-pricing-cta-copy,
    .socialyn-pricing-cta-copy p {
        max-width: none;
    }

    .socialyn-pricing-cta-action {
        justify-content: center;
    }
}

@media only screen and (max-width: 739px) {
    .socialyn-pricing-cta {
        padding: 30px 22px;
    }

    .socialyn-pricing-cta-copy h2 {
        font-size: 32px;
    }

    .socialyn-pricing-cta-copy p {
        font-size: 17px;
    }

    .socialyn-pricing-cta-button {
        width: 100%;
        min-height: 56px;
        padding: 0 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .socialyn-pricing-cta,
    .socialyn-pricing-cta-button,
    .socialyn-pricing-cta-button i {
        transition: none !important;
        transform: none !important;
        animation: none !important;
    }

    .socialyn-pricing-cta[data-appear] {
        opacity: 1 !important;
    }
}

/* Contact page */

.socialyn-contact-hero,
.socialyn-contact-directory,
.socialyn-contact-workspace {
    position: relative;
    z-index: 1;
}

.socialyn-contact-hero-shell {
    position: relative;
    overflow: hidden;
    padding: clamp(28px, 5vw, 58px);
    border: 1px solid rgba(16, 42, 96, 0.11);
    border-radius: var(--socialyn-small-br);
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 249, 255, 0.94) 56%, rgba(255, 246, 248, 0.9));
    box-shadow: 0 26px 70px rgba(16, 42, 96, 0.10);
}

.socialyn-contact-hero-shell::before {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(16, 42, 96, 0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(16, 42, 96, 0.04) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: linear-gradient(115deg, rgba(0, 0, 0, 0.72), transparent 62%);
}

.socialyn-contact-hero-copy {
    position: relative;
    z-index: 2;
    max-width: 620px;
}

.socialyn-contact-eyebrow,
.socialyn-contact-kicker {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 18px;
    color: var(--socialyn-s-text-accent);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.socialyn-contact-eyebrow i {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--socialyn-xs-br);
    color: #ffffff;
    background: var(--socialyn-brand-gradient);
    box-shadow: 0 12px 24px rgba(255, 23, 71, 0.18);
}

.socialyn-contact-hero-copy .socialyn-page-title {
    max-width: 560px;
    margin: 0 0 22px;
    line-height: 0.98;
}

.socialyn-contact-hero-copy .socialyn-large-text {
    max-width: 570px;
    margin-bottom: 0;
}

.socialyn-contact-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 30px;
}

.socialyn-contact-hero-actions a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 46px;
    padding: 0 16px;
    border: 1px solid rgba(16, 42, 96, 0.13);
    border-radius: var(--socialyn-small-br);
    color: var(--socialyn-s-heading);
    background: rgba(255, 255, 255, 0.78);
    box-shadow: 0 12px 28px rgba(16, 42, 96, 0.07);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: border-color 0.22s ease, color 0.22s ease, transform 0.22s ease, box-shadow 0.22s ease;
}

.socialyn-contact-hero-actions i {
    color: var(--socialyn-s-text-accent);
}

.socialyn-contact-visual {
    position: relative;
    z-index: 2;
    min-height: 430px;
    overflow: hidden;
    border: 1px solid rgba(16, 42, 96, 0.12);
    border-radius: var(--socialyn-small-br);
    background: #dfeafa;
    box-shadow: 0 28px 64px rgba(16, 42, 96, 0.14);
}

.socialyn-contact-visual img {
    width: 100%;
    height: 100%;
    min-height: 430px;
    display: block;
    object-fit: cover;
}

.socialyn-contact-visual::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, transparent 48%, rgba(16, 42, 96, 0.55));
}

.socialyn-contact-visual-card {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 22px;
    z-index: 2;
    padding: 18px 20px;
    border: 1px solid rgba(255, 255, 255, 0.28);
    border-radius: var(--socialyn-small-br);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 20px 44px rgba(16, 42, 96, 0.16);
}

.socialyn-contact-visual-card span {
    display: block;
    margin-bottom: 6px;
    color: var(--socialyn-s-text-accent);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.2;
    text-transform: uppercase;
}

.socialyn-contact-visual-card strong {
    display: block;
    color: var(--socialyn-s-heading);
    font-size: 20px;
    line-height: 1.3;
}

.socialyn-contact-section-copy {
    max-width: 520px;
}

.socialyn-contact-section-copy h2,
.socialyn-contact-help-panel h2 {
    margin: 0 0 18px;
    color: var(--socialyn-s-heading);
}

.socialyn-contact-section-copy p {
    margin-bottom: 0;
}

.socialyn-contact-method-card {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 18px;
    min-height: 150px;
    padding: 24px;
    overflow: hidden;
    border: 1px solid rgba(16, 42, 96, 0.11);
    border-radius: var(--socialyn-small-br);
    color: var(--socialyn-s-heading);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 46px rgba(16, 42, 96, 0.08);
    text-decoration: none;
    transition: border-color 0.22s ease, box-shadow 0.22s ease, transform 0.22s ease;
}

.socialyn-contact-method-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 24px;
    bottom: 24px;
    width: 4px;
    border-radius: 0 999px 999px 0;
    background: var(--socialyn-brand-gradient);
}

.socialyn-contact-method-card.is-address {
    min-height: 0;
}

.socialyn-contact-method-icon {
    width: 52px;
    height: 52px;
    display: inline-flex;
    flex: 0 0 52px;
    align-items: center;
    justify-content: center;
    border-radius: var(--socialyn-small-br);
    color: #ffffff;
    background: var(--socialyn-brand-gradient);
    box-shadow: 0 14px 28px rgba(255, 23, 71, 0.16);
}

.socialyn-contact-method-icon i {
    font-size: 20px;
    line-height: 1;
}

.socialyn-contact-method-content {
    display: grid;
    min-width: 0;
    gap: 8px;
}

.socialyn-contact-method-content > span {
    color: var(--socialyn-s-heading);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
}

.socialyn-contact-method-content strong {
    color: #40536a;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.socialyn-contact-method-content em {
    color: var(--socialyn-s-text-accent);
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
}

.socialyn-contact-help-panel {
    position: sticky;
    top: 118px;
    height: 100%;
    min-height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: clamp(30px, 4vw, 44px);
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.09);
    border-radius: var(--socialyn-small-br);
    color: rgba(255, 255, 255, 0.76);
    background:
        radial-gradient(circle at 18% 22%, rgba(255, 66, 105, 0.18), transparent 32%),
        radial-gradient(circle at 86% 82%, rgba(8, 55, 127, 0.36), transparent 36%),
        #100d1d;
    box-shadow: 0 28px 70px rgba(16, 42, 96, 0.16);
}

.socialyn-contact-help-panel .socialyn-contact-kicker,
.socialyn-contact-help-panel h2 {
    color: #ffffff;
}

.socialyn-contact-help-panel h2 {
    max-width: 420px;
    font-size: clamp(34px, 3.2vw, 48px);
    line-height: 1.06;
}

.socialyn-contact-help-panel .socialyn-large-text {
    color: rgba(255, 255, 255, 0.72);
}

.socialyn-contact-help-note {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 34px;
    padding-top: 26px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.76);
    font-size: 15px;
    line-height: 1.55;
}

.socialyn-contact-help-note i {
    color: var(--socialyn-s-text-accent);
    font-size: 22px;
    line-height: 1.1;
}

form.socialyn-contact-page-form {
    height: 100%;
    padding: clamp(26px, 4vw, 42px);
    border: 1px solid rgba(16, 42, 96, 0.11);
    border-radius: var(--socialyn-small-br);
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 24px 66px rgba(16, 42, 96, 0.11);
}

.socialyn-contact-page-form .socialyn-form-content {
    position: relative;
    z-index: 1;
}

.socialyn-contact-field {
    display: grid;
    gap: 8px;
}

.socialyn-contact-field label {
    margin: 0;
    color: var(--socialyn-s-heading);
    font-size: 13px;
    font-weight: 700;
    line-height: 1.2;
}

.socialyn-contact-page-form input,
.socialyn-contact-page-form textarea {
    width: 100%;
    margin-bottom: 0 !important;
    border-color: rgba(16, 42, 96, 0.14);
    background: #fbfcff;
    box-shadow: none;
    transition: border-color 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease;
}

.socialyn-contact-page-form input {
    min-height: 54px;
}

.socialyn-contact-page-form textarea {
    min-height: 154px;
    resize: vertical;
}

.socialyn-contact-page-form input:focus,
.socialyn-contact-page-form textarea:focus {
    border-color: rgba(255, 66, 105, 0.82);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(255, 23, 71, 0.11);
}

.socialyn-contact-turnstile {
    min-height: 76px;
    display: flex;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(16, 42, 96, 0.10);
    border-radius: var(--socialyn-small-br);
    background: #fbfcff;
}

.socialyn-contact-submit {
    width: 100%;
    min-height: 58px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-bottom: 0;
}

.socialyn-contact-submit i {
    font-size: 16px;
    line-height: 1;
    transition: transform 0.22s ease;
}

.socialyn-contact-hero-actions a:focus-visible,
.socialyn-contact-method-card:focus-visible,
.socialyn-contact-submit:focus-visible {
    outline: 3px solid rgba(255, 66, 105, 0.34);
    outline-offset: 4px;
}

@media (hover: hover) {
    .socialyn-contact-hero-actions a:hover,
    .socialyn-contact-method-card:hover {
        border-color: rgba(255, 66, 105, 0.32);
        color: var(--socialyn-s-heading);
        box-shadow: 0 22px 54px rgba(16, 42, 96, 0.12);
        transform: translateY(-4px);
    }

    .socialyn-contact-submit:hover i {
        transform: translateX(3px);
    }
}

@media only screen and (max-width: 991px) {
    .socialyn-contact-page {
        gap: 58px;
        padding: 58px 0 86px;
    }

    .socialyn-contact-hero-copy,
    .socialyn-contact-section-copy {
        max-width: none;
        text-align: center;
    }

    .socialyn-contact-eyebrow,
    .socialyn-contact-kicker,
    .socialyn-contact-hero-actions {
        justify-content: center;
    }

    .socialyn-contact-hero-copy .socialyn-page-title {
        max-width: none;
    }

    .socialyn-contact-visual,
    .socialyn-contact-visual img {
        min-height: 360px;
    }

    .socialyn-contact-help-panel {
        position: relative;
        top: auto;
        min-height: 0;
    }
}

@media only screen and (max-width: 575px) {
    .socialyn-contact-page {
        gap: 46px;
        padding: 42px 0 70px;
    }

    .socialyn-contact-hero-shell,
    .socialyn-contact-method-card,
    form.socialyn-contact-page-form,
    .socialyn-contact-help-panel {
        padding: 24px;
    }

    .socialyn-contact-hero-actions a {
        width: 100%;
        justify-content: center;
    }

    .socialyn-contact-visual,
    .socialyn-contact-visual img {
        min-height: 300px;
    }

    .socialyn-contact-visual-card {
        left: 14px;
        right: 14px;
        bottom: 14px;
    }

    .socialyn-contact-method-card {
        min-height: 0;
        flex-direction: column;
    }

    .socialyn-contact-method-content > span {
        font-size: 18px;
    }

    .socialyn-contact-turnstile {
        overflow-x: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .socialyn-contact-page *,
    .socialyn-contact-page *::before,
    .socialyn-contact-page *::after {
        transition: none !important;
        transform: none !important;
    }
}

/* Back to top */
button.socialyn-back-to-top {
    position: fixed;
    right: clamp(18px, 3vw, 34px);
    bottom: clamp(18px, 3vw, 34px);
    z-index: 30;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    border: 1px solid rgba(255, 255, 255, 0.22);
    border-radius: 50%;
    appearance: none;
    -webkit-appearance: none;
    color: #ffffff;
    background: var(--socialyn-s-accent);
    box-shadow: 0 14px 30px rgba(255, 23, 71, 0.24), 0 8px 20px rgba(16, 42, 96, 0.16);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(14px);
    cursor: pointer;
    transition: opacity 0.22s ease, visibility 0.22s ease, transform 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease;
}

button.socialyn-back-to-top.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}

button.socialyn-back-to-top i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1em;
    height: 1em;
    font-size: 24px;
    line-height: 1;
    transform: translateY(1px);
}

button.socialyn-back-to-top:focus {
    outline: none;
    box-shadow: 0 14px 30px rgba(255, 23, 71, 0.24), 0 8px 20px rgba(16, 42, 96, 0.16);
}

button.socialyn-back-to-top:focus-visible {
    outline: 3px solid rgba(255, 66, 105, 0.34);
    outline-offset: 4px;
}

@media (hover: hover) {
    button.socialyn-back-to-top:hover {
        background: var(--socialyn-s-accent-2);
        box-shadow: 0 18px 34px rgba(8, 55, 127, 0.24), 0 10px 24px rgba(255, 23, 71, 0.16);
        transform: translateY(-2px);
    }
}

@media only screen and (max-width: 575px) {
    button.socialyn-back-to-top {
        width: 44px;
        height: 44px;
        right: 16px;
        bottom: 16px;
    }

    button.socialyn-back-to-top i {
        font-size: 23px;
    }
}

@media (prefers-reduced-motion: reduce) {
    button.socialyn-back-to-top,
    button.socialyn-back-to-top i {
        transition: none !important;
        transform: none !important;
    }
}

/* Modern dark footer */
#socialyn-footer.socialyn-modern-footer {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    padding: 80px 0 0;
    color: rgba(255, 255, 255, 0.76);
    background: #100d1d;
}

#socialyn-footer.socialyn-modern-footer::before,
#socialyn-footer.socialyn-modern-footer::after {
    content: '';
    position: absolute;
    inset: 0;
    pointer-events: none;
}

#socialyn-footer.socialyn-modern-footer::before {
    z-index: -2;
    background:
        radial-gradient(circle at 15% 72%, rgba(255, 66, 105, 0.12), transparent 28%),
        radial-gradient(circle at 84% 22%, rgba(8, 55, 127, 0.18), transparent 31%),
        #100d1d;
}

#socialyn-footer.socialyn-modern-footer::after {
    z-index: -1;
    opacity: 0.34;
    background:
        repeating-radial-gradient(ellipse at 36% 83%, rgba(255, 255, 255, 0.12) 0 1px, transparent 1px 9px),
        repeating-linear-gradient(100deg, transparent 0 18px, rgba(255, 255, 255, 0.08) 18px 19px, transparent 19px 36px);
    mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.76), rgba(0, 0, 0, 0.22));
}

#socialyn-footer.socialyn-modern-footer a {
    color: inherit;
}

.socialyn-modern-footer-inner {
    position: relative;
    z-index: 2;
}

.socialyn-modern-footer-main.row {
    --bs-gutter-x: 54px;
    --bs-gutter-y: 34px;
    align-items: flex-start;
}

.socialyn-footer-brand-card {
    min-height: 318px;
    padding: 38px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: var(--socialyn-small-br);
    background: rgba(255, 255, 255, 0.045);
}

.socialyn-footer-wordmark {
    display: inline-flex;
    align-items: center;
    color: #ffffff !important;
    font-family: var(--socialyn-t-heading-ff);
    font-size: 42px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: 0;
}

.socialyn-footer-wordmark span {
    color: var(--socialyn-s-accent);
}

.socialyn-footer-contact-list,
.socialyn-footer-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.socialyn-footer-contact-list li,
.socialyn-footer-links li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.socialyn-footer-contact-list li::marker,
.socialyn-footer-links li::marker {
    content: '';
}

.socialyn-footer-contact-list {
    display: grid;
    gap: 18px;
    margin-top: 46px;
    padding-top: 36px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.socialyn-footer-contact-list li {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 16px;
    align-items: start;
    color: rgba(255, 255, 255, 0.82);
    font-size: 15px;
    line-height: 1.5;
}

.socialyn-footer-contact-list i {
    color: var(--socialyn-s-accent);
    font-size: 17px;
    line-height: 1.35;
}

.socialyn-footer-contact-list a,
.socialyn-footer-links a {
    text-decoration: none;
    transition: color 0.22s ease, opacity 0.22s ease, transform 0.22s ease;
}

.socialyn-modern-footer h6 {
    margin: 0 0 28px;
    color: #ffffff;
    font-size: 20px;
    line-height: 1.2;
}

.socialyn-footer-links ul {
    display: grid;
    gap: 18px;
}

.socialyn-footer-links a {
    display: inline-flex;
    align-items: center;
    gap: 14px;
    color: rgba(255, 255, 255, 0.76) !important;
    font-size: 16px;
    line-height: 1.35;
}

.socialyn-footer-links a i {
    color: var(--socialyn-s-accent);
    font-size: 13px;
    line-height: 1;
}

.socialyn-footer-payment {
    max-width: 380px;
}

.socialyn-footer-payment p {
    max-width: 320px;
    margin: -10px 0 22px;
    color: rgba(255, 255, 255, 0.48);
    font-size: 15px;
    line-height: 1.55;
}

.socialyn-footer-payment-list {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    align-items: center;
}

.socialyn-footer-payment-list span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 96px;
    height: 56px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: var(--socialyn-small-br);
    background: rgba(255, 255, 255, 0.045);
    transition: border-color 0.22s ease, background-color 0.22s ease, transform 0.22s ease;
}

.socialyn-footer-payment-list img {
    display: block;
    width: auto;
    max-width: 70px;
    max-height: 34px;
    object-fit: contain;
}

.socialyn-modern-footer-bottom {
    display: flex;
    justify-content: center;
    gap: 24px;
    margin-top: 58px;
    padding: 24px 0 26px;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    text-align: center;
}

.socialyn-modern-footer-bottom p {
    margin: 0;
    color: rgba(255, 255, 255, 0.43);
    font-size: 14px;
    line-height: 1.5;
}

.socialyn-modern-footer-bottom span {
    color: rgba(255, 255, 255, 0.64);
}

@media (hover: hover) {
    .socialyn-footer-contact-list a:hover,
    .socialyn-footer-links a:hover {
        color: #ffffff !important;
        opacity: 1;
        transform: translateX(3px);
    }

    .socialyn-footer-payment-list span:hover {
        border-color: rgba(255, 66, 105, 0.34);
        background: rgba(255, 66, 105, 0.08);
        transform: translateY(-3px);
    }

}

.socialyn-modern-footer a:focus-visible {
    outline: 3px solid rgba(255, 66, 105, 0.42);
    outline-offset: 4px;
}

@media only screen and (max-width: 991px) {
    #socialyn-footer.socialyn-modern-footer {
        padding-top: 64px;
    }

    .socialyn-modern-footer-bottom {
        flex-direction: column;
        margin-top: 44px;
    }

    .socialyn-footer-payment {
        max-width: 100%;
    }
}

@media only screen and (max-width: 739px) {
    #socialyn-footer.socialyn-modern-footer {
        padding-top: 54px;
    }

    .socialyn-modern-footer-main.row {
        --bs-gutter-x: 0;
        --bs-gutter-y: 30px;
    }

    .socialyn-footer-brand-card {
        min-height: 0;
        padding: 30px 24px;
    }

    .socialyn-footer-wordmark {
        font-size: 36px;
    }

    .socialyn-footer-payment p {
        max-width: none;
    }

    .socialyn-modern-footer-bottom {
        padding-bottom: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .socialyn-modern-footer *,
    .socialyn-modern-footer *::before,
    .socialyn-modern-footer *::after {
        transition: none !important;
    }
}