.thr {
--thr-teal: var(--toscano-brand-teal, #009a9d);
--thr-deep: var(--toscano-brand-deep, #032d35);
--thr-accent: var(--toscano-text-accent, #007b7e);
--thr-muted: var(--toscano-neutral-muted, #7b7b7b);
--thr-white: var(--toscano-neutral-white, #ffffff);
--thr-section-bg: var(--thr-white);
--thr-crumb: var(--thr-muted);
--thr-crumb-sep: #d4cecd;
--thr-crumb-current: var(--thr-teal);
--thr-title: var(--thr-deep);
--thr-highlight: var(--thr-teal);
--thr-intro: var(--thr-muted);
--thr-stat-line: #f0f0f0;
--thr-stat-number: var(--thr-deep);
--thr-stat-label: #aca09c;
--thr-panel-from: #e8f7f7;
--thr-panel-to: #d0efef;
--thr-card-bg: var(--thr-white);
--thr-btn-bg: var(--thr-teal);
--thr-btn-color: var(--thr-white);
--thr-btn-bg-hover: var(--thr-accent);
--thr-btn2-color: var(--thr-deep);
--thr-btn2-border: var(--thr-teal);
--thr-img-pos: 74% 50%;
position: relative;
box-sizing: border-box;
width: 100%;
padding: 200px 20px 100px;
overflow: hidden;
background: var(--thr-section-bg);
font-family: "Inter", sans-serif;
-webkit-font-smoothing: antialiased;
word-break: break-word;
}
.thr *,
.thr *::before,
.thr *::after {
box-sizing: border-box;
}
.thr .thr__inner {
display: flex;
align-items: center;
gap: 60px;
max-width: 1200px;
margin: 0 auto;
} .thr .thr__text {
display: flex;
flex: 0 0 480px;
flex-direction: column;
align-items: flex-start;
gap: 32px;
min-width: 0;
max-width: 480px;
}
.thr .thr__crumbs {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
font-family: "Inter", sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 19.5px;
}
.thr .thr__crumbs li {
display: inline-flex;
align-items: center;
gap: 6px;
margin: 0;
padding: 0;
color: var(--thr-crumb);
}
.thr .thr__crumbs a {
color: var(--thr-crumb);
text-decoration: none;
transition: color .2s ease;
}
.thr .thr__crumbs a:hover {
color: var(--thr-teal);
}
.thr .thr__crumbs [aria-current] {
color: var(--thr-crumb-current);
}
.thr .thr__sep {
color: var(--thr-crumb-sep);
}
.thr .thr__title {
margin: 0;
padding: 0;
font-family: "Inter", sans-serif;
font-size: 49px; font-weight: 600;
line-height: 1.08;
letter-spacing: 0;
text-transform: none;
color: var(--thr-title);
}
.thr .thr__title-highlight {
color: var(--thr-highlight);
} .thr .thr__word {
display: inline-block;
overflow: hidden;
vertical-align: top;
padding-bottom: .08em;
margin-bottom: -.08em;
}
.thr .thr__word-inner {
display: inline-block;
will-change: transform;
} .thr .thr__word-inner.thr__title-highlight {
background-image: linear-gradient(100deg, var(--thr-highlight) 0%, var(--thr-highlight) 40%, #9fe6e8 50%, var(--thr-highlight) 60%, var(--thr-highlight) 100%);
background-size: 250% 100%;
background-position: 0% 0;
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
.thr .thr__intro {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 16px; font-weight: 400;
line-height: 1.59;
color: var(--thr-intro);
}
.thr .thr__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
}
.thr .thr__btn {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 13px 28px;
border: 1px solid var(--thr-btn-bg);
border-radius: 4px;
background: var(--thr-btn-bg);
color: var(--thr-btn-color);
font-family: "Inter", sans-serif;
font-size: 14px; font-weight: 700;
line-height: 20px;
letter-spacing: 0;
text-align: center;
text-decoration: none;
white-space: nowrap;
transition: background-color .25s ease, color .25s ease, border-color .25s ease;
will-change: transform;
}
.thr .thr__btn:hover,
.thr .thr__btn:focus-visible {
background: var(--thr-btn-bg-hover);
border-color: var(--thr-btn-bg-hover);
color: var(--thr-btn-color);
text-decoration: none;
}
.thr .thr__btn--outline {
background: transparent;
border-color: var(--thr-btn2-border);
color: var(--thr-btn2-color);
}
.thr .thr__btn--outline:hover,
.thr .thr__btn--outline:focus-visible {
background: var(--thr-btn2-border);
border-color: var(--thr-btn2-border);
color: var(--thr-white);
}
.thr a:focus-visible {
outline: 2px solid var(--thr-teal);
outline-offset: 3px;
}
.thr .thr__stats {
position: relative;
display: flex;
flex-wrap: wrap;
gap: 16px 40px;
width: 100%;
margin: 0;
padding: 28px 0 0;
list-style: none;
} .thr .thr__stats::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 1px;
background: var(--thr-stat-line);
transform-origin: 0 50%;
transform: scaleX(var(--thr-line, 1));
}
.thr .thr__stat {
display: flex;
flex-direction: column;
gap: 2px;
margin: 0;
padding: 0;
min-width: 110px;
}
.thr .thr__stat-number {
font-family: "Inter", sans-serif;
font-size: 26px;
font-weight: 400;
line-height: 39px;
color: var(--thr-stat-number);
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.thr .thr__stat-label {
font-family: "Inter", sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 16.5px;
letter-spacing: .6px;
text-transform: uppercase;
color: var(--thr-stat-label);
}  .thr .thr__visual {
position: relative;
flex: 1 1 0;
min-width: 0;
max-width: 660px;
aspect-ratio: 660 / 580;
}
.thr .thr__visual-canvas {
position: absolute;
top: 0;
left: 0;
width: 660px;
height: 580px;
transform-origin: 0 0;
transform: scale(var(--thr-scale, 1));
}
.thr .thr__panel {
position: absolute;
top: 0;
left: 54px;
width: 580px;
height: 580px;
border-radius: 20px;
background: linear-gradient(146deg, var(--thr-panel-from) 11.77%, var(--thr-panel-to) 88.23%);
will-change: transform, clip-path;
}
.thr .thr__photo {
position: absolute;
top: 32px;
left: 32px;
width: 516px;
height: 516px;
overflow: hidden;
border-radius: 12px;
box-shadow: 0 12px 48px 0 rgba(0, 45, 53, .18);
will-change: transform, clip-path;
}
.thr .thr__photo img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
object-position: var(--thr-img-pos);
will-change: transform;
}
.thr .thr__photo::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(180deg, rgba(0, 45, 53, .04) 0%, rgba(0, 45, 53, .24) 100%);
pointer-events: none;
} .thr .thr__card-anchor {
position: absolute;
bottom: 9px;
left: 428px;
z-index: 2;
width: 232px;
}
.thr .thr__card {
position: relative;
display: flex;
flex-direction: column;
gap: 6px;
width: 232px;
padding: 16px 20px;
background: var(--thr-card-bg);
border-radius: 12px;
filter: drop-shadow(0 8px 10px rgba(0, 45, 53, .14));
will-change: transform;
}
.thr .thr__card-head {
display: flex;
align-items: center;
gap: 8px;
}
.thr .thr__card-icon {
display: flex;
flex: 0 0 30px;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
border-radius: 8px;
background: #f3ffff;
}
.thr .thr__card-icon svg,
.thr .thr__card-icon img {
display: block;
width: 15px;
height: 15px;
max-width: none;
}
.thr .thr__card-title {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 16.5px;
letter-spacing: .5px;
text-transform: uppercase;
color: var(--thr-deep);
min-width: 0;
overflow-wrap: anywhere; }
.thr .thr__card-text {
margin: 0;
overflow-wrap: anywhere;
font-family: "Inter", sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 16.8px;
color: var(--thr-muted);
}
.thr .thr__card-code {
display: flex;
align-items: flex-start;
gap: 5px;
margin: 0;
padding-top: 2px;
overflow-wrap: anywhere;
font-family: "Inter", sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 16.5px;
color: var(--thr-teal);
}
.thr .thr__card-code::before {
content: "";
flex: 0 0 6px;
width: 6px;
height: 6px;
margin-top: 5.25px; border-radius: 50%;
background: var(--thr-teal);
} .thr {
isolation: isolate;
}
.thr .thr__veil {
position: absolute;
inset: 0;
z-index: -1;
display: block;
width: 100%;
height: 100%;
pointer-events: none;
opacity: 0;
transition: opacity 1.2s ease;
}
.thr.thr--veil .thr__veil {
opacity: 1;
} .thr.thr--pre .thr__crumbs,
.thr.thr--pre .thr__title,
.thr.thr--pre .thr__intro,
.thr.thr--pre .thr__actions,
.thr.thr--pre .thr__stats,
.thr.thr--pre .thr__visual {
visibility: hidden;
} @media (max-width: 1199px) {
.thr .thr__inner {
gap: 40px;
}
.thr .thr__text {
flex-basis: 440px;
}
.thr .thr__title {
font-size: 44px;
}
}
@media (max-width: 1024px) {
.thr {
padding-top: 140px;
}
.thr .thr__inner {
flex-direction: column;
align-items: stretch;
gap: 56px;
}
.thr .thr__text {
flex: 0 0 auto;
max-width: 640px;
} .thr .thr__visual {
width: 100%;
max-width: none;
aspect-ratio: 4 / 3;
}
.thr .thr__visual-canvas {
width: 100%;
height: 100%;
transform: none;
}
.thr .thr__panel {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.thr .thr__photo {
top: 24px;
left: 24px;
width: calc(100% - 48px);
height: calc(100% - 48px);
}
.thr .thr__card-anchor {
top: auto;
left: auto;
right: 40px;
bottom: 40px;
}
}
@media (max-width: 767px) {
.thr {
padding-top: 110px;
padding-bottom: 64px;
}
.thr .thr__text {
gap: 24px;
}
.thr .thr__title {
font-size: 34px;
}
.thr .thr__intro {
font-size: 15px;
}
.thr .thr__actions {
width: 100%;
}
.thr .thr__btn {
flex: 1 1 100%;
}
.thr .thr__stats {
gap: 16px 24px;
}
.thr .thr__stat {
min-width: 0;
}
.thr .thr__stat-number {
font-size: 22px;
line-height: 32px;
} .thr .thr__visual {
aspect-ratio: 1 / 1;
margin-bottom: 48px;
}
.thr .thr__photo {
top: 14px;
left: 14px;
width: calc(100% - 28px);
height: calc(100% - 28px);
}
.thr .thr__card-anchor {
right: 14px;
bottom: -48px;
width: min(232px, calc(100% - 56px));
}
.thr .thr__card {
width: 100%;
}
}.tcd {
--tcd-teal: var(--toscano-brand-teal, #009a9d);
--tcd-deep: var(--toscano-brand-deep, #032d35);
--tcd-accent: var(--toscano-text-accent, #007b7e);
--tcd-muted: var(--toscano-neutral-muted, #7b7b7b);
--tcd-white: var(--toscano-neutral-white, #ffffff);
--tcd-section-bg: #f0f9f9; --tcd-eyebrow: #6f6f6f; --tcd-title: var(--tcd-deep);
--tcd-side: var(--tcd-muted);
--tcd-big-bg: var(--tcd-deep);
--tcd-big-eyebrow: #96cbbf; --tcd-big-text: var(--tcd-white);
--tcd-halo: var(--tcd-teal);
--tcd-card-bg: var(--tcd-white);
--tcd-card-border: var(--toscano-border-subtle, #f3f4f6);
--tcd-icon-bg: #e0f4f4; --tcd-icon: var(--tcd-teal);
--tcd-card-title: var(--tcd-deep);
--tcd-card-text: var(--tcd-muted);
--tcd-wide-bg: var(--tcd-teal);
--tcd-wide-text: var(--tcd-white);
position: relative;
box-sizing: border-box;
width: 100%;
padding: 110px 20px;
background: var(--tcd-section-bg);
font-family: "Inter", sans-serif;
-webkit-font-smoothing: antialiased;
word-break: break-word;
}
.tcd *,
.tcd *::before,
.tcd *::after {
box-sizing: border-box;
}
.tcd .tcd__inner {
display: flex;
flex-direction: column;
gap: 48px;
max-width: 1200px;
margin: 0 auto;
} .tcd .tcd__heading {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 40px;
}
.tcd .tcd__title-wrap {
display: flex;
flex-direction: column;
gap: 14px;
max-width: 620px;
}
.tcd .tcd__eyebrow {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0;
text-transform: uppercase;
color: var(--tcd-eyebrow);
}
.tcd .tcd__title {
margin: 0;
padding: 0;
font-family: "Inter", sans-serif;
font-size: 39px; font-weight: 400;
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
color: var(--tcd-title);
}
.tcd .tcd__title-highlight {
font: inherit;
color: var(--tcd-accent);
}
.tcd .tcd__side {
flex: 0 0 auto;
max-width: 340px;
margin: 0;
font-family: "Inter", sans-serif;
font-size: 16px; font-weight: 400;
line-height: 1.59;
color: var(--tcd-side);
} .tcd .tcd__bento {
display: grid;
grid-template-columns: 560px minmax(0, 1fr);
gap: 20px;
min-height: 440px;
}
.tcd .tcd__right {
display: flex;
flex-direction: column;
gap: 20px;
min-width: 0;
}
.tcd .tcd__row {
display: grid;
flex: 1 1 auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px;
} .tcd .tcd__big {
position: relative;
display: flex;
flex-direction: column;
min-height: 440px;
padding: 40px;
overflow: hidden;
isolation: isolate;
background: var(--tcd-big-bg);
border-radius: 20px;
color: var(--tcd-big-text);
}
.tcd .tcd__halo {
position: absolute;
top: 30px; left: 140px; z-index: -1;
width: 660px;
height: 660px;
max-width: none;
pointer-events: none;
}
.tcd .tcd__big-content {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 12px;
max-width: 300px;
}
.tcd .tcd__big-eyebrow {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
color: var(--tcd-big-eyebrow);
}
.tcd .tcd__number {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 49px; font-weight: 600;
line-height: 1.08;
letter-spacing: 0;
color: var(--tcd-big-text);
font-variant-numeric: tabular-nums;
white-space: nowrap;
}
.tcd .tcd__big-subtitle {
max-width: 270px;
margin: 0;
padding: 0;
font-family: "Inter", sans-serif;
font-size: 20px; font-weight: 400;
line-height: 1.2;
text-transform: none;
color: var(--tcd-big-text);
}
.tcd .tcd__big-text {
max-width: 270px;
margin: 0;
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.59;
color: var(--tcd-big-text);
opacity: .72;
}
.tcd .tcd__big-link {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: auto;
padding-top: 24px;
font-family: "Inter", sans-serif;
font-size: 14px; font-weight: 600;
line-height: 20px;
color: var(--tcd-big-text);
text-decoration: none;
align-self: flex-start;
}
.tcd .tcd__big-link:hover,
.tcd .tcd__big-link:focus-visible {
color: var(--tcd-big-text);
text-decoration: underline;
text-underline-offset: 3px;
}
.tcd .tcd__arrow {
display: inline-block;
transition: transform .2s ease;
}
.tcd .tcd__big-link:hover .tcd__arrow {
transform: translateX(4px);
}
.tcd .tcd__big-image {
position: absolute;
right: 7px;
bottom: 0;
z-index: 0;
width: 216px;
height: 217px;
max-width: none;
object-fit: contain;
pointer-events: none;
} .tcd .tcd__card {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 14px;
min-width: 0;
padding: 28px;
background: var(--tcd-card-bg);
border: 1px solid var(--tcd-card-border);
border-radius: 20px;
color: inherit;
text-decoration: none;
transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s ease;
}
.tcd .tcd__icon-box {
display: flex;
flex: 0 0 auto;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 12px;
background: var(--tcd-icon-bg);
color: var(--tcd-icon);
transition: background-color .3s ease, color .3s ease, transform .4s cubic-bezier(.34, 1.56, .64, 1);
}
.tcd .tcd__icon-box svg,
.tcd .tcd__icon-box img {
display: block;
width: 24px;
height: 24px;
max-width: none;
}
.tcd .tcd__card-title {
margin: 0;
padding: 0;
font-family: "Inter", sans-serif;
font-size: 16px; font-weight: 700;
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
color: var(--tcd-card-title);
}
.tcd .tcd__card-text {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.59;
color: var(--tcd-card-text);
} .tcd .tcd__wide {
display: flex;
align-items: center;
gap: 20px;
padding: 28px 32px 28px 28px;
background: var(--tcd-wide-bg);
border-radius: 20px;
color: var(--tcd-wide-text);
text-decoration: none;
transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s ease;
}
.tcd .tcd__wide .tcd__icon-box {
width: 56px;
height: 56px;
background: rgba(255, 255, 255, .16);
color: var(--tcd-wide-text);
}
.tcd .tcd__wide .tcd__icon-box svg,
.tcd .tcd__wide .tcd__icon-box img {
width: 26px;
height: 26px;
}
.tcd .tcd__wide-text {
display: flex;
flex: 1 1 0;
min-width: 0;
flex-direction: column;
gap: 6px;
}
.tcd .tcd__wide .tcd__card-title {
color: var(--tcd-wide-text);
}
.tcd .tcd__wide .tcd__card-text {
color: var(--tcd-wide-text);
opacity: .85;
}
.tcd a:focus-visible {
outline: 2px solid var(--tcd-teal);
outline-offset: 3px;
}  .tcd.tcd--fx .tcd__card:hover {
transform: translateY(-4px);
box-shadow: 0 16px 36px 0 rgba(3, 45, 53, .08);
}
.tcd.tcd--fx .tcd__card:hover .tcd__icon-box {
background: var(--tcd-teal);
color: var(--tcd-white);
transform: rotate(-8deg) scale(1.06);
}
.tcd.tcd--fx .tcd__wide:hover {
transform: translateY(-4px);
box-shadow: 0 16px 36px 0 rgba(0, 154, 157, .28);
}
.tcd.tcd--fx .tcd__wide:hover .tcd__icon-box {
transform: scale(1.1) rotate(-10deg);
} .tcd.tcd--fx .tcd__halo {
animation: tcd-breathe 6s ease-in-out infinite alternate;
transform-origin: 50% 50%;
}
.tcd.tcd--fx .tcd__big-image {
animation: tcd-float 5s ease-in-out infinite alternate;
}
@keyframes tcd-breathe {
from {
transform: scale(.94);
opacity: .8;
}
to {
transform: scale(1.08);
opacity: 1;
}
}
@keyframes tcd-float {
from {
transform: translateY(0);
}
to {
transform: translateY(-10px);
}
} .tcd.tcd--js .tcd__heading > *,
.tcd.tcd--js .tcd__big,
.tcd.tcd--js .tcd__card,
.tcd.tcd--js .tcd__wide {
opacity: 0;
transform: translateY(24px) scale(.97);
}
.tcd.tcd--js.is-in .tcd__heading > *,
.tcd.tcd--js.is-in .tcd__big,
.tcd.tcd--js.is-in .tcd__card,
.tcd.tcd--js.is-in .tcd__wide {
opacity: 1;
transform: none;
transition:
opacity .6s ease var(--tcd-d, 0s),
transform .9s cubic-bezier(.22, 1, .36, 1) var(--tcd-d, 0s),
box-shadow .35s ease;
} .tcd.tcd--js.is-in.is-done .tcd__card,
.tcd.tcd--js.is-in.is-done .tcd__wide {
transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s ease;
}
.tcd.tcd--js.is-in.tcd--fx .tcd__card:hover,
.tcd.tcd--js.is-in.tcd--fx .tcd__wide:hover {
transform: translateY(-4px);
} @media (max-width: 1199px) {
.tcd .tcd__bento {
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
}
}
@media (max-width: 1024px) {
.tcd .tcd__heading {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.tcd .tcd__title {
font-size: 34px;
}
.tcd .tcd__side {
max-width: 560px;
}
.tcd .tcd__bento {
grid-template-columns: minmax(0, 1fr);
min-height: 0;
}
}
@media (max-width: 767px) {
.tcd {
padding-top: 72px;
padding-bottom: 72px;
}
.tcd .tcd__inner {
gap: 32px;
}
.tcd .tcd__title {
font-size: 28px;
}
.tcd .tcd__row {
grid-template-columns: minmax(0, 1fr);
}
.tcd .tcd__big {
min-height: 0;
padding: 28px 24px 0;
}
.tcd .tcd__number {
font-size: 42px;
}
.tcd .tcd__big-link {
margin-top: 8px;
padding-top: 8px;
}
.tcd .tcd__big-image {
position: relative;
right: auto;
bottom: auto;
align-self: flex-end;
width: 180px;
height: auto;
margin-top: 8px;
}
.tcd .tcd__halo {
top: auto;
bottom: -300px;
left: auto;
right: -300px;
}
.tcd .tcd__card,
.tcd .tcd__wide {
padding: 24px;
}
.tcd .tcd__wide {
align-items: flex-start;
}
}
@media (prefers-reduced-motion: reduce) {
.tcd .tcd__halo,
.tcd .tcd__big-image {
animation: none;
}
.tcd .tcd__card,
.tcd .tcd__wide,
.tcd .tcd__icon-box {
transition: none;
}
}.tca {
--tca-from: var(--toscano-brand-teal, #009a9d);
--tca-to: var(--toscano-text-accent, #007b7e);
--tca-text: var(--toscano-neutral-white, #ffffff);
--tca-chip-bg: rgba(255, 255, 255, .14);
--tca-chip-bg-hover: rgba(255, 255, 255, .26);
--tca-thumb-bg: var(--toscano-neutral-white, #ffffff);
--tca-thumb-border: #007a7d;
--tca-btn-bg: var(--toscano-neutral-white, #ffffff);
--tca-btn-color: var(--toscano-brand-deep, #032d35);
--tca-btn-bg-hover: var(--toscano-brand-deep, #032d35);
--tca-btn-color-hover: var(--toscano-neutral-white, #ffffff);
--tca-section-bg: var(--toscano-neutral-white, #ffffff);
position: relative;
box-sizing: border-box;
width: 100%;
padding: 50px 20px;
background: var(--tca-section-bg);
font-family: "Inter", sans-serif;
-webkit-font-smoothing: antialiased;
word-break: break-word;
}
.tca *,
.tca *::before,
.tca *::after {
box-sizing: border-box;
}
.tca .tca__card {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
max-width: 1200px;
margin: 0 auto;
padding: 44px 56px;
overflow: hidden;
border-radius: 24px;
background: linear-gradient(90deg, var(--tca-from) 0%, var(--tca-to) 100%);
color: var(--tca-text);
} .tca .tca__text {
display: flex;
flex: 0 1 auto;
flex-direction: column;
align-items: flex-start;
gap: 16px;
min-width: 0;
}
.tca .tca__eyebrow {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0;
text-transform: uppercase;
color: var(--tca-text);
opacity: .75;
}
.tca .tca__title {
max-width: 560px;
margin: 0;
padding: 0;
font-family: "Inter", sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0;
text-transform: none;
color: var(--tca-text);
}
.tca .tca__chips {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.tca .tca__chips li {
margin: 0;
padding: 0;
}
.tca .tca__chip {
display: inline-flex;
padding: 6px 12px;
background: var(--tca-chip-bg);
border-radius: 999px;
font-family: "Inter", sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 16.5px;
letter-spacing: .6px;
text-transform: uppercase;
color: var(--tca-text);
white-space: nowrap;
text-decoration: none;
transition: background-color .2s ease;
}
.tca a.tca__chip:hover,
.tca a.tca__chip:focus-visible {
background: var(--tca-chip-bg-hover);
color: var(--tca-text);
text-decoration: none;
} .tca .tca__aside {
display: flex;
flex: 0 0 auto;
align-items: center;
gap: 40px;
}
.tca .tca__thumbs {
display: flex;
align-items: center;
margin: 0;
padding: 0;
list-style: none;
}
.tca .tca__thumb {
position: relative;
flex: 0 0 104px;
width: 104px;
height: 104px;
margin: 0 -28px 0 0;
padding: 10px;
overflow: hidden;
background: var(--tca-thumb-bg);
border: 4px solid var(--tca-thumb-border);
border-radius: 50%;
transition: transform .45s cubic-bezier(.34, 1.56, .64, 1), margin .45s cubic-bezier(.34, 1.56, .64, 1);
}
.tca .tca__thumb:last-child {
margin-right: 0;
}
.tca .tca__thumb img {
display: block;
width: 76px;
height: 76px;
max-width: none;
object-fit: contain;
} .tca.tca--hover .tca__card:hover .tca__thumb {
margin-right: -12px;
}
.tca.tca--hover .tca__card:hover .tca__thumb:last-child {
margin-right: 0;
}
.tca.tca--hover .tca__card:hover .tca__thumb:nth-child(1) {
transform: translateY(-4px) rotate(-6deg);
}
.tca.tca--hover .tca__card:hover .tca__thumb:nth-child(2) {
transform: translateY(-8px);
transition-delay: .04s;
}
.tca.tca--hover .tca__card:hover .tca__thumb:nth-child(3) {
transform: translateY(-4px) rotate(6deg);
transition-delay: .08s;
}
.tca .tca__btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 28px;
border: 0;
border-radius: 4px;
background: var(--tca-btn-bg);
color: var(--tca-btn-color);
font-family: "Inter", sans-serif;
font-size: 14px; font-weight: 700;
line-height: 20px;
letter-spacing: 0;
text-decoration: none;
white-space: nowrap;
transition: background-color .2s ease, color .2s ease;
}
.tca .tca__btn:hover,
.tca .tca__btn:focus-visible {
background: var(--tca-btn-bg-hover);
color: var(--tca-btn-color-hover);
text-decoration: none;
}
.tca .tca__btn-arrow {
display: inline-block;
transition: transform .2s ease;
}
.tca .tca__btn:hover .tca__btn-arrow {
transform: translateX(3px);
}
.tca a:focus-visible {
outline: 2px solid var(--tca-text);
outline-offset: 3px;
} .tca .tca__card {
position: relative;
isolation: isolate;
}
.tca .tca__shader {
position: absolute;
inset: 0;
z-index: -1;
display: block;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity .8s ease;
pointer-events: none;
}
.tca.tca--gl .tca__shader {
opacity: 1;
} .tca.tca--js .tca__card {
opacity: 0;
transform: translateY(28px) scale(.98);
}
.tca.tca--js .tca__eyebrow,
.tca.tca--js .tca__title {
opacity: 0;
transform: translateY(14px);
}
.tca.tca--js .tca__chips li {
opacity: 0;
transform: scale(.7);
}
.tca.tca--js .tca__thumb {
opacity: 0;
transform: translateX(60px) rotate(25deg) scale(.8);
}
.tca.tca--js .tca__btn {
opacity: 0;
transform: translateY(10px);
}
.tca.tca--js.is-in .tca__card {
opacity: 1;
transform: none;
transition: opacity .6s ease, transform .9s cubic-bezier(.22, 1, .36, 1);
}
.tca.tca--js.is-in .tca__eyebrow,
.tca.tca--js.is-in .tca__title,
.tca.tca--js.is-in .tca__btn {
opacity: 1;
transform: none;
transition:
opacity .5s ease var(--tca-d, 0s),
transform .7s cubic-bezier(.22, 1, .36, 1) var(--tca-d, 0s),
background-color .2s ease,
color .2s ease;
}
.tca.tca--js.is-in .tca__chips li {
opacity: 1;
transform: none;
transition:
opacity .3s ease var(--tca-d, 0s),
transform .5s cubic-bezier(.34, 1.56, .64, 1) var(--tca-d, 0s);
}
.tca.tca--js.is-in .tca__thumb {
opacity: 1;
transform: none;
transition:
opacity .4s ease var(--tca-d, 0s),
transform .8s cubic-bezier(.34, 1.4, .64, 1) var(--tca-d, 0s),
margin .45s cubic-bezier(.34, 1.56, .64, 1);
} @media (max-width: 1199px) {
.tca .tca__card {
padding: 40px;
}
.tca .tca__aside {
gap: 28px;
}
}
@media (max-width: 1024px) {
.tca .tca__card {
flex-direction: column;
align-items: flex-start;
gap: 32px;
}
.tca .tca__aside {
width: 100%;
justify-content: space-between;
}
}
@media (max-width: 767px) {
.tca {
padding-top: 32px;
padding-bottom: 32px;
}
.tca .tca__card {
padding: 28px 22px;
border-radius: 20px;
background: linear-gradient(160deg, var(--tca-from) 0%, var(--tca-to) 100%);
}
.tca .tca__eyebrow {
font-size: 13px;
}
.tca .tca__title {
font-size: 18px;
line-height: 1.45;
}
.tca .tca__aside {
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.tca .tca__thumb {
flex-basis: 84px;
width: 84px;
height: 84px;
margin-right: -22px;
padding: 8px;
border-width: 3px;
}
.tca .tca__thumb img {
width: 62px;
height: 62px;
}
.tca .tca__btn {
width: 100%;
justify-content: center;
}
}
@media (prefers-reduced-motion: reduce) {
.tca .tca__thumb,
.tca .tca__shader {
transition: none;
}
.tca.tca--hover .tca__card:hover .tca__thumb {
transform: none;
}
}.tcn {
--tcn-teal: var(--toscano-brand-teal, #009a9d);
--tcn-deep: var(--toscano-brand-deep, #032d35);
--tcn-accent: var(--toscano-text-accent, #007b7e);
--tcn-muted: var(--toscano-neutral-muted, #7b7b7b);
--tcn-white: var(--toscano-neutral-white, #ffffff);
--tcn-section-bg: var(--tcn-white);
--tcn-eyebrow: #6f6f6f; --tcn-title: var(--tcn-deep);
--tcn-desc: var(--tcn-muted);
--tcn-card-bg: var(--tcn-white);
--tcn-card-border: var(--toscano-border-subtle, #f3f4f6);
--tcn-card-hl-bg: #f0f9f9; --tcn-card-hl-border: #e0f4f4; --tcn-number: var(--tcn-teal);
--tcn-label: var(--tcn-muted);
--tcn-name: var(--tcn-deep);
--tcn-text: var(--tcn-muted);
--tcn-badge-bg: var(--tcn-teal);
--tcn-badge-color: var(--tcn-white);
--tcn-btn-bg: var(--tcn-teal);
--tcn-btn-color: var(--tcn-white);
--tcn-btn-bg-hover: var(--tcn-accent);
--tcn-link: var(--tcn-teal);
position: relative;
box-sizing: border-box;
width: 100%;
padding: 110px 20px;
background: var(--tcn-section-bg);
font-family: "Inter", sans-serif;
-webkit-font-smoothing: antialiased;
word-break: break-word;
}
.tcn *,
.tcn *::before,
.tcn *::after {
box-sizing: border-box;
}
.tcn .tcn__inner {
display: flex;
align-items: center;
gap: 80px;
max-width: 1200px;
margin: 0 auto;
} .tcn .tcn__text {
display: flex;
flex: 0 0 440px;
flex-direction: column;
align-items: flex-start;
gap: 20px;
max-width: 440px;
}
.tcn .tcn__eyebrow {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0;
text-transform: uppercase;
color: var(--tcn-eyebrow);
}
.tcn .tcn__title {
margin: 0;
padding: 0;
font-family: "Inter", sans-serif;
font-size: 39px; font-weight: 400;
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
color: var(--tcn-title);
}
.tcn .tcn__title-highlight {
font: inherit;
color: var(--tcn-accent);
}
.tcn .tcn__desc {
max-width: 420px;
margin: 0;
font-family: "Inter", sans-serif;
font-size: 16px; font-weight: 400;
line-height: 1.59;
color: var(--tcn-desc);
}
.tcn .tcn__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px 24px;
padding-top: 12px;
}
.tcn .tcn__btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 14px 28px;
border: 0;
border-radius: 4px;
background: var(--tcn-btn-bg);
color: var(--tcn-btn-color);
font-family: "Inter", sans-serif;
font-size: 14px; font-weight: 700;
line-height: 20px;
letter-spacing: 0;
text-decoration: none;
white-space: nowrap;
transition: background-color .2s ease;
}
.tcn .tcn__btn:hover,
.tcn .tcn__btn:focus-visible {
background: var(--tcn-btn-bg-hover);
color: var(--tcn-btn-color);
text-decoration: none;
}
.tcn .tcn__btn-arrow {
display: inline-block;
transition: transform .2s ease;
}
.tcn .tcn__btn:hover .tcn__btn-arrow {
transform: translateX(3px);
}
.tcn .tcn__link {
font-family: "Inter", sans-serif;
font-size: 14px; font-weight: 600;
line-height: 20px;
color: var(--tcn-link);
text-decoration: none;
white-space: nowrap;
}
.tcn .tcn__link:hover,
.tcn .tcn__link:focus-visible {
color: var(--tcn-accent);
text-decoration: underline;
text-underline-offset: 3px;
}
.tcn a:focus-visible {
outline: 2px solid var(--tcn-teal);
outline-offset: 3px;
} .tcn .tcn__tickets {
display: flex;
flex: 1 1 0;
min-width: 0;
flex-direction: column;
gap: 16px;
margin: 0;
padding: 0;
list-style: none;
}
.tcn .tcn__tickets > li {
margin: 0;
padding: 0;
}
.tcn .tcn__ticket {
display: flex;
align-items: center;
gap: 24px;
width: 100%;
padding: 26px 28px;
background: var(--tcn-card-bg);
border: 1px solid var(--tcn-card-border);
border-radius: 16px;
color: inherit;
text-decoration: none;
transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.tcn .tcn__ticket.is-highlight {
background: var(--tcn-card-hl-bg);
border-color: var(--tcn-card-hl-border);
} .tcn a.tcn__ticket:hover,
.tcn a.tcn__ticket:focus-visible {
border-color: var(--tcn-card-hl-border);
box-shadow: 0 12px 30px 0 rgba(3, 45, 53, .06);
transform: translateY(-2px);
text-decoration: none;
}
.tcn .tcn__number {
flex: 0 0 auto;
min-width: 32px;
font-family: "Inter", sans-serif;
font-size: 26px;
font-weight: 400;
line-height: 39px;
color: var(--tcn-number);
opacity: .35;
}
.tcn .tcn__icon {
display: block;
flex: 0 0 40px;
width: 40px;
height: 40px;
max-width: none;
object-fit: contain;
}
.tcn .tcn__body {
display: flex;
flex: 1 1 0;
min-width: 0;
flex-direction: column;
gap: 4px;
}
.tcn .tcn__label {
font-family: "Inter", sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 16.5px;
letter-spacing: .6px;
text-transform: uppercase;
color: var(--tcn-label);
}
.tcn .tcn__name {
margin: 0;
padding: 0;
font-family: "Inter", sans-serif;
font-size: 16px; font-weight: 700;
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
color: var(--tcn-name);
}
.tcn .tcn__ticket-text {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 16px; font-weight: 400;
line-height: 1.59;
color: var(--tcn-text);
}
.tcn .tcn__badge {
display: inline-flex;
flex: 0 0 auto;
align-items: center;
gap: 6px;
padding: 6px 12px 6px 8px;
background: var(--tcn-badge-bg);
border-radius: 999px;
font-family: "Inter", sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 16.5px;
letter-spacing: .6px;
text-transform: uppercase;
color: var(--tcn-badge-color);
white-space: nowrap;
}
.tcn .tcn__badge .tcn__check {
display: block;
flex: 0 0 12px;
width: 12px;
height: 12px;
color: var(--tcn-badge-color);
} .tcn .tcn__seal {
color: var(--tcn-seal, var(--tcn-teal));
overflow: visible;
transition: transform .5s cubic-bezier(.34, 1.56, .64, 1);
} .tcn .tcn__ticket:hover .tcn__seal {
transform: rotate(-14deg) scale(1.06);
}  .tcn.tcn--js .tcn__text > * {
opacity: 0;
transform: translateY(18px);
}
.tcn.tcn--js .tcn__tickets > li {
opacity: 0;
transform: translateX(48px);
}
.tcn.tcn--js .tcn__seal path,
.tcn.tcn--js .tcn__check path {
stroke-dasharray: 1;
stroke-dashoffset: 1;
}
.tcn.tcn--js .tcn__badge {
opacity: 0;
transform: scale(.6);
} .tcn.tcn--js.is-in .tcn__text > * {
opacity: 1;
transform: none;
transition:
opacity .6s ease var(--tcn-d, 0s),
transform .8s cubic-bezier(.22, 1, .36, 1) var(--tcn-d, 0s);
}
.tcn.tcn--js.is-in .tcn__tickets > li {
opacity: 1;
transform: none;
transition:
opacity .6s ease var(--tcn-d, 0s),
transform .9s cubic-bezier(.22, 1, .36, 1) var(--tcn-d, 0s);
} .tcn.tcn--js.is-in .tcn__seal path {
stroke-dashoffset: 0;
}
.tcn.tcn--js.is-in .tcn__seal-ring {
transition: stroke-dashoffset 1s cubic-bezier(.65, 0, .35, 1) calc(var(--tcn-d, 0s) + .3s);
}
.tcn.tcn--js.is-in .tcn__seal-check {
transition: stroke-dashoffset .4s ease-out calc(var(--tcn-d, 0s) + 1.15s);
} .tcn.tcn--js.is-in .tcn__badge {
opacity: 1;
transform: none;
transition:
opacity .3s ease calc(var(--tcn-d, 0s) + 1.35s),
transform .5s cubic-bezier(.34, 1.56, .64, 1) calc(var(--tcn-d, 0s) + 1.35s);
}
.tcn.tcn--js.is-in .tcn__check path {
stroke-dashoffset: 0;
transition: stroke-dashoffset .35s ease-out calc(var(--tcn-d, 0s) + 1.6s);
} .tcn .tcn__ticket.is-highlight {
position: relative;
overflow: hidden;
}
.tcn .tcn__ticket.is-highlight::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -40%;
width: 35%;
background: linear-gradient(100deg, transparent 0%, rgba(255, 255, 255, .75) 50%, transparent 100%);
transform: translateX(-120%) skewX(-18deg);
pointer-events: none;
}
.tcn.tcn--js.is-in .tcn__ticket.is-highlight::after {
animation: tcn-shine 1.1s ease-in-out calc(var(--tcn-d, 0s) + 1.9s) 1 both;
}
.tcn .tcn__ticket.is-highlight:hover::after {
animation: tcn-shine 1s ease-in-out 0s 1 both;
}
@keyframes tcn-shine {
from {
transform: translateX(-120%) skewX(-18deg);
}
to {
transform: translateX(520%) skewX(-18deg);
}
}
@media (prefers-reduced-motion: reduce) {
.tcn .tcn__seal,
.tcn .tcn__ticket {
transition: none;
}
.tcn .tcn__ticket:hover .tcn__seal {
transform: none;
}
.tcn .tcn__ticket.is-highlight::after {
display: none;
}
} @media (max-width: 1024px) {
.tcn .tcn__inner {
flex-direction: column;
align-items: stretch;
gap: 48px;
}
.tcn .tcn__text {
flex: 0 0 auto;
max-width: 640px;
}
.tcn .tcn__title {
font-size: 34px;
}
.tcn .tcn__desc {
max-width: 560px;
}
}
@media (max-width: 767px) {
.tcn {
padding-top: 72px;
padding-bottom: 72px;
}
.tcn .tcn__title {
font-size: 28px;
}
.tcn .tcn__desc,
.tcn .tcn__ticket-text {
font-size: 15px;
} .tcn .tcn__ticket {
display: grid;
grid-template-columns: auto minmax(0, 1fr);
grid-template-areas:
"icon body"
"icon badge";
align-items: start;
gap: 10px 16px;
padding: 20px;
}
.tcn .tcn__number {
display: none;
}
.tcn .tcn__icon {
grid-area: icon;
width: 36px;
height: 36px;
}
.tcn .tcn__body {
grid-area: body;
}
.tcn .tcn__badge {
grid-area: badge;
justify-self: start;
}
}.ted {
--ted-teal: var(--toscano-brand-teal, #009a9d);
--ted-deep: var(--toscano-brand-deep, #032d35);
--ted-accent: var(--toscano-text-accent, #007b7e);
--ted-muted: var(--toscano-neutral-muted, #7b7b7b);
--ted-white: var(--toscano-neutral-white, #ffffff);
--ted-line: var(--toscano-border-subtle, #f3f4f6);
--ted-section-bg: #f3f4f6;
--ted-eyebrow: #6f6f6f; --ted-title: var(--ted-deep);
--ted-desc: var(--ted-muted);
--ted-card-bg: var(--ted-white);
--ted-media-from: #e0f4f4;
--ted-media-to: #ccebe5;
--ted-badge-bg: var(--ted-deep);
--ted-badge-color: var(--ted-white);
--ted-product-eyebrow: var(--ted-teal);
--ted-product-title: var(--ted-deep);
--ted-spec-label: var(--ted-muted);
--ted-spec-value: var(--ted-deep);
--ted-opt-active-bg: var(--ted-teal);
--ted-opt-active-color: var(--ted-white);
--ted-opt-color: var(--ted-deep);
--ted-opt-border: var(--ted-teal);
--ted-btn-bg: var(--ted-teal);
--ted-btn-color: var(--ted-white);
--ted-btn-bg-hover: var(--ted-accent);
--ted-btn2-color: var(--ted-deep);
--ted-btn2-border: var(--ted-teal);
--ted-more-text: #343536; --ted-more-link: var(--ted-teal);
position: relative;
box-sizing: border-box;
width: 100%;
padding: 110px 20px;
font-family: "Inter", sans-serif;
-webkit-font-smoothing: antialiased;
word-break: break-word;
}
.ted.ted--bg {
background: var(--ted-section-bg);
}
.ted *,
.ted *::before,
.ted *::after {
box-sizing: border-box;
}
.ted .ted__inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 48px;
max-width: 1200px;
margin: 0 auto;
} .ted .ted__heading {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
text-align: center;
}
.ted .ted__eyebrow {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0;
text-transform: uppercase;
color: var(--ted-eyebrow);
}
.ted .ted__title {
margin: 0;
padding: 0;
font-family: "Inter", sans-serif;
font-size: 39px; font-weight: 400;
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
color: var(--ted-title);
}
.ted .ted__title-highlight {
font: inherit;
color: var(--ted-accent);
}
.ted .ted__desc {
max-width: 620px;
margin: 0;
font-family: "Inter", sans-serif;
font-size: 16px; font-weight: 400;
line-height: 1.59;
color: var(--ted-desc);
} .ted .ted__card {
display: flex;
align-items: stretch;
width: 100%;
min-height: 592px;
overflow: hidden;
background: var(--ted-card-bg);
border-radius: 24px;
box-shadow: 0 24px 60px 0 rgba(3, 45, 53, .08);
}
.ted .ted__media {
position: relative;
flex: 0 0 560px;
width: 560px;
overflow: hidden;
background: linear-gradient(133.41deg, var(--ted-media-from) 0%, var(--ted-media-to) 71.429%);
} .ted .ted__stage {
position: absolute;
top: 50%;
left: 50%;
width: min(500px, 90%);
aspect-ratio: 500 / 400;
transform: translate(-50%, -59%);
}
.ted .ted__ring {
position: absolute;
top: 0;
left: 10%;
width: 80%;
height: auto;
max-width: none;
pointer-events: none;
}
.ted .ted__image {
position: absolute;
top: 7.5%; left: 0;
width: 100%;
height: 86.5%; max-width: none;
object-fit: contain;
filter: drop-shadow(0 30px 40px rgba(3, 46, 54, .18));
transition: opacity .25s ease;
}
.ted .ted__image.is-swapping {
opacity: 0;
}
.ted .ted__badge {
position: absolute;
top: 32px;
left: 32px;
z-index: 1;
padding: 8px 14px;
background: var(--ted-badge-bg);
border-radius: 999px;
font-family: "Inter", sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 16.5px;
letter-spacing: .6px;
text-transform: uppercase;
color: var(--ted-badge-color);
white-space: nowrap;
}
.ted .ted__badge[hidden] {
display: none;
} .ted .ted__info {
display: flex;
flex: 1 1 0;
min-width: 0;
flex-direction: column;
align-items: flex-start;
gap: 22px;
padding: 52px 56px;
}
.ted .ted__product-eyebrow {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
color: var(--ted-product-eyebrow);
}
.ted .ted__product-title {
margin: 0;
padding: 0;
font-family: "Inter", sans-serif;
font-size: 31px; font-weight: 400;
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
color: var(--ted-product-title);
}
.ted .ted__models {
display: flex;
flex-direction: column;
gap: 10px;
}
.ted .ted__models-label {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 16.5px;
letter-spacing: .6px;
text-transform: uppercase;
color: var(--ted-muted);
}
.ted .ted__options {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.ted .ted__option {
display: inline-flex;
align-items: center;
margin: 0;
padding: 10px 22px;
background: transparent;
border: 1px solid var(--ted-opt-border);
border-radius: 8px;
box-shadow: none;
font-family: "Inter", sans-serif;
font-size: 16px; font-weight: 700;
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
color: var(--ted-opt-color);
white-space: nowrap;
cursor: pointer;
transition: background-color .2s ease, color .2s ease, border-color .2s ease;
} .ted .ted__option:focus {
background: transparent;
border-color: var(--ted-opt-border);
color: var(--ted-opt-color);
}
.ted .ted__option:hover {
background: rgba(0, 154, 157, .08);
border-color: var(--ted-opt-border);
color: var(--ted-opt-color);
}
.ted .ted__option.is-active,
.ted .ted__option.is-active:hover,
.ted .ted__option.is-active:focus {
background: var(--ted-opt-active-bg);
border-color: var(--ted-opt-active-bg);
color: var(--ted-opt-active-color);
}
.ted .ted__option:focus-visible {
outline: 2px solid var(--ted-teal);
outline-offset: 2px;
}
.ted .ted__specs {
display: flex;
flex-direction: column;
width: 100%;
margin: 0;
padding: 0;
}
.ted .ted__spec {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
margin: 0;
padding: 12px 0;
border-bottom: 1px solid var(--ted-line);
}
.ted .ted__spec dt {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 13px; font-weight: 400;
line-height: 1.47;
color: var(--ted-spec-label);
}
.ted .ted__spec dd {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 16px; font-weight: 600;
line-height: 21px;
text-align: right;
color: var(--ted-spec-value);
}
.ted .ted__actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
padding-top: 6px;
}
.ted .ted__btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 14px 28px;
border: 1px solid var(--ted-btn-bg);
border-radius: 4px;
background: var(--ted-btn-bg);
color: var(--ted-btn-color);
font-family: "Inter", sans-serif;
font-size: 14px; font-weight: 700;
line-height: 20px;
letter-spacing: 0;
text-decoration: none;
white-space: nowrap;
transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.ted .ted__btn:hover,
.ted .ted__btn:focus-visible {
background: var(--ted-btn-bg-hover);
border-color: var(--ted-btn-bg-hover);
color: var(--ted-btn-color);
text-decoration: none;
}
.ted .ted__btn--outline {
background: transparent;
border-color: var(--ted-btn2-border);
color: var(--ted-btn2-color);
}
.ted .ted__btn--outline:hover,
.ted .ted__btn--outline:focus-visible {
background: var(--ted-btn2-border);
border-color: var(--ted-btn2-border);
color: var(--ted-white);
}
.ted .ted__btn:focus-visible {
outline: 2px solid var(--ted-teal);
outline-offset: 2px;
}
.ted .ted__btn-arrow {
display: inline-block;
transition: transform .2s ease;
}
.ted .ted__btn:hover .ted__btn-arrow {
transform: translateX(3px);
} .ted {
--ted-speed: .55s;
--ted-nav-bg: var(--ted-white);
--ted-nav-color: var(--ted-deep);
--ted-nav-border: #e0e4e6;
--ted-nav-hover-bg: var(--ted-teal);
--ted-nav-hover-color: var(--ted-white);
--ted-dot: #c9d3d6;
--ted-dot-active: var(--ted-teal);
overflow: hidden; }
.ted .ted__slider {
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
width: 100%;
} .ted .ted__stack {
display: grid;
width: 100%;
margin: 0;
padding: 0 0 36px; list-style: none;
touch-action: pan-y; }
.ted .ted__slide {
display: flex;
grid-area: 1 / 1;
min-width: 0;
margin: 0;
padding: 0;
transform-origin: 50% 100%;
transition:
transform var(--ted-speed) cubic-bezier(.22, .61, .36, 1),
opacity calc(var(--ted-speed) * .7) ease;
will-change: transform;
}
.ted .ted__slide > .ted__card {
flex: 1 1 auto;
}
.ted .ted__stack--single {
padding-bottom: 0;
} .ted:not(.ted--stack-ready) .ted__slide:not(:first-child) {
display: none;
}
.ted.ted--stack-ready .ted__stack {
user-select: none;
}
.ted.ted--stack-ready .ted__slide:not(.is-active) {
pointer-events: none;
}
.ted.ted--stack-ready .ted__slide.is-active .ted__card {
cursor: grab;
}
.ted.ted--stack-ready.is-dragging .ted__slide.is-active .ted__card {
cursor: grabbing;
}
.ted .ted__slide.is-dragging,
.ted .ted__slide.is-instant {
transition: none;
}
.ted .ted__slide.is-flying {
transition:
transform .42s cubic-bezier(.55, .06, .68, .19),
opacity .42s ease-in;
} .ted.ted--stack-ready .ted__slide:not(.is-active) .ted__card {
box-shadow: 0 12px 30px 0 rgba(3, 45, 53, .06);
}
.ted .ted__stack img {
-webkit-user-drag: none;
user-select: none;
}
.ted .ted__nav {
display: flex;
align-items: center;
gap: 20px;
}
.ted .ted__arrow {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
margin: 0;
padding: 0;
background: var(--ted-nav-bg);
border: 1px solid var(--ted-nav-border);
border-radius: 50%;
box-shadow: none;
color: var(--ted-nav-color);
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 1;
cursor: pointer;
transition: background-color .2s ease, color .2s ease, border-color .2s ease, opacity .2s ease;
}
.ted .ted__arrow:focus {
background: var(--ted-nav-bg);
border-color: var(--ted-nav-border);
color: var(--ted-nav-color);
}
.ted .ted__arrow:hover:not(:disabled) {
background: var(--ted-nav-hover-bg);
border-color: var(--ted-nav-hover-bg);
color: var(--ted-nav-hover-color);
}
.ted .ted__arrow:focus-visible {
outline: 2px solid var(--ted-teal);
outline-offset: 2px;
}
.ted .ted__arrow:disabled {
opacity: .35;
cursor: default;
}
.ted .ted__dots {
display: flex;
align-items: center;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
.ted .ted__dot {
display: block;
width: 8px;
height: 8px;
margin: 0;
padding: 0;
background: var(--ted-dot);
border: 0;
border-radius: 999px;
box-shadow: none;
cursor: pointer;
transition: width .3s ease, background-color .3s ease;
}
.ted .ted__dot:focus,
.ted .ted__dot:hover {
background: var(--ted-dot);
}
.ted .ted__dot.is-active,
.ted .ted__dot.is-active:focus,
.ted .ted__dot.is-active:hover {
width: 28px;
background: var(--ted-dot-active);
}
.ted .ted__dot:focus-visible {
outline: 2px solid var(--ted-teal);
outline-offset: 3px;
}
.ted .ted__sr {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
white-space: nowrap;
border: 0;
}
@media (prefers-reduced-motion: reduce) {
.ted .ted__slide,
.ted .ted__slide.is-flying {
transition: none;
}
} .ted .ted__more {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 8px 16px;
margin: 0;
text-align: center;
}
.ted .ted__more-text {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.59;
color: var(--ted-more-text);
}
.ted .ted__more-link {
font-family: "Inter", sans-serif;
font-size: 14px; font-weight: 600;
line-height: 20px;
color: var(--ted-more-link);
text-decoration: none;
white-space: nowrap;
}
.ted .ted__more-link:hover {
color: var(--ted-accent);
text-decoration: underline;
text-underline-offset: 3px;
} @media (max-width: 1199px) {
.ted .ted__media {
flex-basis: 46%;
width: 46%;
}
.ted .ted__info {
padding: 44px 40px;
}
}
@media (max-width: 1024px) {
.ted .ted__title {
font-size: 34px;
}
.ted .ted__card {
flex-direction: column;
min-height: 0;
}
.ted .ted__media {
flex: 0 0 auto;
width: 100%;
height: 420px;
}
.ted .ted__stage {
width: min(460px, 86%);
transform: translate(-50%, -50%);
}
.ted .ted__product-title {
font-size: 28px;
}
}
@media (max-width: 767px) {
.ted {
padding-top: 72px;
padding-bottom: 72px;
}
.ted .ted__inner {
gap: 32px;
}
.ted .ted__eyebrow {
font-size: 13px;
}
.ted .ted__title {
font-size: 28px;
}
.ted .ted__desc {
font-size: 15px;
}
.ted .ted__card {
border-radius: 20px;
}
.ted .ted__media {
height: 300px;
}
.ted .ted__badge {
top: 20px;
left: 20px;
}
.ted .ted__info {
gap: 18px;
padding: 28px 20px 32px;
}
.ted .ted__product-eyebrow {
font-size: 13px;
}
.ted .ted__product-title {
font-size: 24px;
}
.ted .ted__spec dd {
font-size: 15px;
}
.ted .ted__actions {
flex-direction: column;
width: 100%;
}
.ted .ted__btn {
width: 100%;
}
.ted .ted__more {
flex-direction: column;
}
.ted .ted__more-text {
font-size: 15px;
}
}.tgs {
--tgs-teal: var(--toscano-brand-teal, #009a9d);
--tgs-deep: var(--toscano-brand-deep, #032d35);
--tgs-accent: var(--toscano-text-accent, #007b7e);
--tgs-muted: var(--toscano-neutral-muted, #7b7b7b);
--tgs-white: var(--toscano-neutral-white, #ffffff);
--tgs-bg-from: #f0f9f9;
--tgs-bg-to: #ffffff;
--tgs-pill-bg: var(--tgs-white);
--tgs-pill-border: #e0f4f4;
--tgs-pill-color: var(--tgs-deep);
--tgs-title: var(--tgs-deep);
--tgs-desc: var(--tgs-muted);
--tgs-card-bg: var(--tgs-white);
--tgs-card-border: var(--toscano-border-subtle, #f3f4f6);
--tgs-icon-bg: var(--tgs-teal);
--tgs-step-label: var(--tgs-teal);
--tgs-step-title: var(--tgs-deep);
--tgs-btn-color: var(--tgs-white);
--tgs-btn-bg: var(--tgs-teal);
--tgs-btn-color-hover: var(--tgs-white);
--tgs-btn-bg-hover: var(--tgs-accent);
--tgs-caption: var(--tgs-muted);
position: relative;
box-sizing: border-box;
width: 100%;
padding: 110px 20px;
overflow: hidden;
font-family: "Inter", sans-serif;
-webkit-font-smoothing: antialiased;
word-break: break-word;
}
.tgs.tgs--bg {
background: linear-gradient(180deg, var(--tgs-bg-from) 0%, var(--tgs-bg-to) 100%);
}
.tgs *,
.tgs *::before,
.tgs *::after {
box-sizing: border-box;
}
.tgs .tgs__inner {
display: flex;
flex-direction: column;
align-items: center;
gap: 56px;
max-width: 1200px;
margin: 0 auto;
} .tgs .tgs__heading {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
text-align: center;
}
.tgs .tgs__pill {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 7px 14px 7px 10px;
background: var(--tgs-pill-bg);
border: 1px solid var(--tgs-pill-border);
border-radius: 999px;
font-family: "Inter", sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 16.5px;
letter-spacing: .6px;
text-transform: uppercase;
color: var(--tgs-pill-color);
white-space: nowrap;
}
.tgs .tgs__pill-dot {
display: block;
flex: 0 0 8px;
width: 8px;
height: 8px;
}
.tgs .tgs__title {
max-width: 760px;
margin: 0;
padding: 0;
font-family: "Inter", sans-serif;
font-size: 39px; font-weight: 400;
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
color: var(--tgs-title);
}
.tgs .tgs__title-highlight {
font: inherit;
color: var(--tgs-accent);
}
.tgs .tgs__desc {
max-width: 680px;
margin: 0;
font-family: "Inter", sans-serif;
font-size: 16px; font-weight: 400;
line-height: 1.59;
color: var(--tgs-desc);
} .tgs .tgs__orbit {
display: grid;
grid-template-columns: minmax(0, 380px) 420px minmax(0, 380px);
justify-content: space-between;
align-items: center;
width: 100%;
padding-bottom: 62px;
}
.tgs .tgs__col {
display: flex;
flex-direction: column;
gap: 120px;
margin: 0;
padding: 0;
list-style: none;
}
.tgs .tgs__col--left {
align-items: flex-end;
}
.tgs .tgs__col--right {
align-items: flex-start;
}
.tgs .tgs__step {
display: flex;
align-items: center;
gap: 16px;
width: 100%;
max-width: 380px;
margin: 0;
padding: 20px 22px;
background: var(--tgs-card-bg);
border: 1px solid var(--tgs-card-border);
border-radius: 16px;
box-shadow: 0 12px 30px 0 rgba(3, 45, 53, .06);
}
.tgs .tgs__col--left .tgs__step {
flex-direction: row-reverse;
text-align: right;
}
.tgs .tgs__icon {
display: flex;
flex: 0 0 48px;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 12px;
background: var(--tgs-icon-bg);
}
.tgs .tgs__icon img {
display: block;
width: 22px;
height: 22px;
max-width: none;
object-fit: contain;
}
.tgs .tgs__step-text {
display: flex;
flex: 1 1 0;
min-width: 0;
flex-direction: column;
gap: 4px;
}
.tgs .tgs__step-label {
font-family: "Inter", sans-serif;
font-size: 11px;
font-weight: 700;
line-height: 16.5px;
letter-spacing: .6px;
text-transform: uppercase;
color: var(--tgs-step-label);
}
.tgs .tgs__step-title {
margin: 0;
padding: 0;
font-family: "Inter", sans-serif;
font-size: 16px; font-weight: 700;
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
color: var(--tgs-step-title);
} .tgs .tgs__stage {
position: relative;
width: 420px;
max-width: 100%;
aspect-ratio: 420 / 660;
justify-self: center;
}
.tgs .tgs__halo {
position: absolute;
left: -14.2857%; top: 9.0909%; width: 128.5714%; height: auto;
max-width: none;
pointer-events: none;
}
.tgs .tgs__phone {
position: absolute;
left: 14.2857%; top: 3.3333%; width: 71.4286%; height: 93.3333%; overflow: hidden;
background: #12171a;
border: 2px solid #4d5459;
border-radius: 50px;
box-shadow: 0 40px 70px -10px rgba(3, 45, 53, .28);
}
.tgs .tgs__screen {
position: absolute;
inset: 8px;
width: calc(100% - 16px);
height: calc(100% - 16px);
max-width: none;
border-radius: 41px;
object-fit: cover;
}
.tgs .tgs__island {
position: absolute;
top: 18px;
left: 50%;
width: 32.4324%; aspect-ratio: 96 / 28;
transform: translateX(-50%);
background: #000;
border-radius: 14px;
} .tgs .tgs__cta {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
}
.tgs .tgs__btn {
display: inline-flex;
align-items: center;
gap: 10px;
padding: 16px 32px;
background: var(--tgs-btn-bg);
border: 0;
border-radius: 4px;
color: var(--tgs-btn-color);
font-family: "Inter", sans-serif;
font-size: 14px; font-weight: 700;
line-height: 20px;
letter-spacing: 0;
text-decoration: none;
white-space: nowrap;
transition: background-color .2s ease, color .2s ease;
}
.tgs .tgs__btn:hover,
.tgs .tgs__btn:focus-visible {
background: var(--tgs-btn-bg-hover);
color: var(--tgs-btn-color-hover);
text-decoration: none;
}
.tgs .tgs__btn:focus-visible {
outline: 2px solid var(--tgs-teal);
outline-offset: 2px;
}
.tgs .tgs__btn-arrow {
display: inline-block;
transition: transform .2s ease;
}
.tgs .tgs__btn:hover .tgs__btn-arrow {
transform: translate(2px, -2px);
}
.tgs .tgs__caption {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 13px; font-weight: 400;
line-height: 1.47;
color: var(--tgs-caption);
} .tgs {
--tgs-float: 8px; --tgs-float-x: 3px; --tgs-float-cycle: 7s; } .tgs .tgs__stage {
z-index: 2;
}
.tgs .tgs__col {
position: relative;
z-index: 1;
} .tgs.tgs--js .tgs__step {
opacity: 0;
translate: var(--tgs-from-x, 0) var(--tgs-from-y, 40px);
scale: .82;
transition:
opacity .6s ease var(--tgs-delay, 0ms),
translate 1.1s cubic-bezier(.22, 1, .36, 1) var(--tgs-delay, 0ms),
scale 1.1s cubic-bezier(.22, 1, .36, 1) var(--tgs-delay, 0ms);
will-change: translate, scale, opacity;
}
.tgs.tgs--js.is-in .tgs__step {
opacity: 1;
translate: 0 0;
scale: 1;
} .tgs.tgs--float.is-in .tgs__step {
animation: tgs-float calc(var(--tgs-float-cycle) * var(--tgs-float-k, 1)) ease-in-out var(--tgs-float-delay, 0s) infinite;
animation-play-state: paused;
}
.tgs.tgs--float.is-in.is-visible .tgs__step {
animation-play-state: running;
}
@keyframes tgs-float {
0%,
100% {
transform: translate3d(0, 0, 0);
}
25% {
transform: translate3d(var(--tgs-float-x), calc(var(--tgs-float) * -.6), 0);
}
50% {
transform: translate3d(0, calc(var(--tgs-float) * -1), 0);
}
75% {
transform: translate3d(calc(var(--tgs-float-x) * -1), calc(var(--tgs-float) * -.4), 0);
}
} .tgs {
--tgs-phone-float: 10px;
--tgs-phone-rot: 2deg;
--tgs-phone-cycle: 8s;
}
.tgs.tgs--phone-float .tgs__phone {
transform-origin: 50% 60%;
animation:
tgs-phone-bob var(--tgs-phone-cycle) ease-in-out infinite alternate,
tgs-phone-tilt calc(var(--tgs-phone-cycle) * 1.37) ease-in-out infinite alternate;
animation-play-state: paused;
will-change: translate, rotate;
}
.tgs.tgs--phone-float.is-visible .tgs__phone {
animation-play-state: running;
}
@keyframes tgs-phone-bob {
from {
translate: 0 0;
}
to {
translate: 0 calc(var(--tgs-phone-float) * -1);
}
}
@keyframes tgs-phone-tilt {
from {
rotate: calc(var(--tgs-phone-rot) * -1);
}
to {
rotate: var(--tgs-phone-rot);
}
}
@media (prefers-reduced-motion: reduce) {
.tgs.tgs--phone-float .tgs__phone {
animation: none;
}
.tgs.tgs--js .tgs__step,
.tgs.tgs--float .tgs__step {
opacity: 1;
translate: none;
scale: none;
transition: none;
animation: none;
}
}  @media (max-width: 1199px) {
.tgs .tgs__orbit {
grid-template-columns: minmax(0, 1fr) 380px minmax(0, 1fr);
gap: 24px;
}
} @media (max-width: 1024px) {
.tgs .tgs__title {
font-size: 34px;
}
.tgs .tgs__orbit {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 16px 20px;
padding-bottom: 0;
}
.tgs .tgs__stage {
grid-column: 1 / -1;
order: -1;
width: 340px;
margin-bottom: 24px;
}
.tgs .tgs__col {
gap: 16px;
align-items: stretch;
}
.tgs .tgs__step {
max-width: none;
height: 100%;
}
.tgs .tgs__col--left .tgs__step {
flex-direction: row;
text-align: left;
}
.tgs .tgs__phone {
border-radius: 42px;
}
.tgs .tgs__screen {
inset: 6px;
width: calc(100% - 12px);
height: calc(100% - 12px);
border-radius: 35px;
}
} @media (max-width: 767px) {
.tgs {
padding-top: 72px;
padding-bottom: 72px;
}
.tgs .tgs__inner {
gap: 40px;
}
.tgs .tgs__pill {
white-space: normal;
}
.tgs .tgs__title {
font-size: 28px;
}
.tgs .tgs__desc {
font-size: 15px;
}
.tgs .tgs__orbit {
grid-template-columns: minmax(0, 1fr);
gap: 12px;
}
.tgs .tgs__stage {
width: 260px;
margin-bottom: 20px;
}
.tgs .tgs__col {
gap: 12px;
}
.tgs .tgs__step {
padding: 16px 18px;
}
.tgs .tgs__phone {
border-radius: 34px;
}
.tgs .tgs__screen {
inset: 5px;
width: calc(100% - 10px);
height: calc(100% - 10px);
border-radius: 29px;
}
.tgs .tgs__island {
top: 12px;
}
.tgs .tgs__btn {
white-space: normal;
text-align: center;
}
}.tfg { --tfg-teal: var(--toscano-brand-teal, #009a9d);
--tfg-deep: var(--toscano-brand-deep, #032d35);
--tfg-accent: var(--toscano-text-accent, #007b7e);
--tfg-muted: var(--toscano-neutral-muted, #7b7b7b);
--tfg-card-bg: var(--toscano-neutral-white, #ffffff);
--tfg-card-border: var(--toscano-border-subtle, #f3f4f6);
--tfg-eyebrow: var(--tfg-teal);
--tfg-title: var(--tfg-deep);
--tfg-number: var(--tfg-teal);
--tfg-question: var(--tfg-deep);
--tfg-btn-color: var(--tfg-deep);
--tfg-btn-bg: transparent;
--tfg-btn-border: var(--tfg-teal);
--tfg-btn-color-hover: #ffffff;
--tfg-btn-bg-hover: var(--tfg-teal);
--tfg-btn-border-hover: var(--tfg-teal);
--tfg-columns: 2;
--tfg-gap: 20px;
--tfg-card-min-h: 210px;
display: flex;
flex-direction: column;
gap: 48px;
width: 100%;
font-family: "Inter", sans-serif;
-webkit-font-smoothing: antialiased;
word-break: break-word;
}
.tfg *,
.tfg *::before,
.tfg *::after {
box-sizing: border-box;
} .tfg .tfg__heading {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 32px;
}
.tfg .tfg__title-wrap {
display: flex;
flex-direction: column;
gap: 14px;
max-width: 720px;
}
.tfg .tfg__eyebrow {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
letter-spacing: 0;
text-transform: uppercase;
color: var(--tfg-eyebrow);
}
.tfg .tfg__title {
margin: 0;
padding: 0;
font-family: "Inter", sans-serif;
font-size: 39px; font-weight: 400;
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
color: var(--tfg-title);
}
.tfg .tfg__title-highlight {
color: var(--tfg-accent);
font: inherit;
}
.tfg .tfg__btn {
flex-shrink: 0;
display: inline-flex;
align-items: center;
gap: 10px;
padding: 14px 28px;
border: 1px solid var(--tfg-btn-border);
border-radius: 4px;
background: var(--tfg-btn-bg);
color: var(--tfg-btn-color);
font-family: "Inter", sans-serif;
font-size: 14px; font-weight: 700;
line-height: 20px;
letter-spacing: 0;
text-decoration: none;
white-space: nowrap;
transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.tfg .tfg__btn:hover,
.tfg .tfg__btn:focus-visible {
background: var(--tfg-btn-bg-hover);
border-color: var(--tfg-btn-border-hover);
color: var(--tfg-btn-color-hover);
text-decoration: none;
}
.tfg .tfg__btn:focus-visible {
outline: 2px solid var(--tfg-teal);
outline-offset: 2px;
}
.tfg .tfg__btn-arrow {
display: inline-block;
transition: transform .2s ease;
}
.tfg .tfg__btn:hover .tfg__btn-arrow {
transform: translateX(3px);
} .tfg .tfg__grid {
display: grid;
grid-template-columns: repeat(var(--tfg-columns), minmax(0, 1fr));
gap: var(--tfg-gap);
margin: 0;
padding: 0;
list-style: none;
}
.tfg .tfg__card {
display: flex;
align-items: flex-start;
gap: 20px;
min-height: var(--tfg-card-min-h);
margin: 0;
padding: 30px 32px 30px 28px;
background: var(--tfg-card-bg);
border: 1px solid var(--tfg-card-border);
border-radius: 16px;
}
.tfg .tfg__number {
flex: 0 0 40px;
width: 40px;
margin: 0;
font-family: "Inter", sans-serif;
font-size: 26px;
font-weight: 400;
line-height: 39px;
color: var(--tfg-number);
}
.tfg .tfg__text {
display: flex;
flex: 1 1 0;
min-width: 0;
flex-direction: column;
gap: 10px;
}
.tfg .tfg__question {
margin: 0;
padding: 0;
font-family: "Inter", sans-serif;
font-size: 16px; font-weight: 700;
line-height: 1.2;
letter-spacing: 0;
text-transform: none;
color: var(--tfg-question);
}
.tfg .tfg__answer {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 16px; font-weight: 400;
line-height: 1.59;
letter-spacing: 0;
color: var(--tfg-muted);
}
.tfg .tfg__answer p {
margin: 0 0 .75em;
}
.tfg .tfg__answer p:last-child {
margin-bottom: 0;
}
.tfg .tfg__answer a {
color: var(--tfg-accent);
} @media (max-width: 1024px) {
.tfg .tfg__title {
font-size: 34px;
}
}
@media (max-width: 767px) {
.tfg {
gap: 32px;
--tfg-columns: 1;
--tfg-gap: 16px;
--tfg-card-min-h: 0px;
}
.tfg .tfg__heading {
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.tfg .tfg__eyebrow {
font-size: 13px;
}
.tfg .tfg__title {
font-size: 28px;
}
.tfg .tfg__card {
gap: 14px;
padding: 24px 20px;
}
.tfg .tfg__number {
flex-basis: 32px;
width: 32px;
font-size: 22px;
line-height: 30px;
}
.tfg .tfg__question {
padding-top: 5px;
}
.tfg .tfg__answer {
font-size: 15px;
}
}.elementor .e-div-block-base{min-width:30px;padding:10px;display:block;}.elementor .e-flexbox-base{padding:10px;display:flex;flex-direction:row;}.elementor .e-grid-base{column-gap:20px;padding:10px;display:grid;row-gap:20px;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);}.elementor .e-tabs-base{padding-block-start:0px;display:flex;flex-direction:column;gap:30px;}.elementor .e-tabs-menu-base{display:flex;justify-content:center;}.elementor .e-tab-base{width:160px;color:#0C0D0E;cursor:pointer;padding:8px;border-width:2px;border-color:#E0E0E0;border-style:solid;background-color:#FFFFFF;display:block;}.elementor .e-tab-base.e--selected{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:focus{border-color:#0C0D0E;outline-width:0px;}.elementor .e-tab-base:hover,.elementor .e-tab-base:focus-visible{background-color:#E0E0E0;}.elementor .e-tabs-content-area-base{display:block;}.elementor .e-tab-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-accordion-base{padding:0px;display:flex;flex-direction:column;}.elementor .e-accordion-item-base{padding:0px;display:block;}.elementor .e-accordion-item-header-base{cursor:pointer;padding:10px;display:flex;gap:8px;justify-content:space-between;align-items:center;}.elementor .e-accordion-item-title-base{padding:0px;}.elementor .e-accordion-item-icon-base{width:200px;height:20px;padding:0px;display:inline-flex;flex:0 0 auto;justify-content:flex-end;align-items:center;}.elementor .e-accordion-item-content-base{min-width:30px;padding:10px;display:block;}.elementor .e-background-video-base{width:100%;overflow:hidden;position:relative;padding:10px;display:flex;flex-direction:column;}.elementor .e-background-video-content-base{width:100%;position:relative;z-index:1;padding:0px;display:flex;flex-direction:column;flex:1 1 auto;}.elementor .e-background-video-controls-base{width:auto;position:absolute;inset-inline-end:20px;inset-block-end:20px;z-index:2;display:flex;gap:8px;}.elementor .e-background-video-play-base{cursor:pointer;padding:8px;border-style:none;background-color:transparent;display:inline-flex;justify-content:center;align-items:center;}.elementor .e-background-video-pause-base{cursor:pointer;padding:8px;border-style:none;background-color:transparent;display:inline-flex;justify-content:center;align-items:center;}.elementor .e-form-base{padding:20px;display:flex;flex-direction:row;gap:10px;flex-wrap:wrap;align-content:start;align-items:flex-start;}.elementor .e-form-base .e-form-checkbox-row{padding:0px;gap:8px;align-items:center;}.elementor .e-form-success-message-base{font-size:12px;color:#2F532E;text-align:center;padding:12px;background-color:#D4E9D6;display:none;}.elementor .e-form-error-message-base{font-size:12px;color:#870000;text-align:center;padding:12px;background-color:#ffdede;display:none;}.elementor .e-collection-loop-base{display:block;}.elementor .e-collection-loop-layout-base{display:grid;gap:20px;grid-template-columns:repeat(3, 1fr);grid-auto-rows:1fr;}.elementor .e-pagination-base{padding-block-start:8px;padding-block-end:8px;padding-inline-start:8px;padding-inline-end:8px;margin-block-start:8px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;align-items:center;}.elementor .e-pagination-prev-base{font-size:14px;color:#1F2937;text-align:center;text-decoration:none;padding-block-start:8px;padding-block-end:8px;padding-inline-start:12px;padding-inline-end:12px;border-radius:4px;border-width:1px;border-color:#E5E7EB;border-style:solid;display:inline-flex;gap:8px;align-items:center;}.elementor .e-pagination-next-base{font-size:14px;color:#1F2937;text-align:center;text-decoration:none;padding-block-start:8px;padding-block-end:8px;padding-inline-start:12px;padding-inline-end:12px;border-radius:4px;border-width:1px;border-color:#E5E7EB;border-style:solid;display:inline-flex;gap:8px;align-items:center;}.elementor .e-collection-loop-empty-state-base{display:flex;justify-content:center;}.elementor .e-heading-base{margin:0px;}.elementor .e-heading-link-base{all:unset;cursor:pointer;}.elementor .e-image-link-base{width:fit-content;all:unset;cursor:pointer;display:inherit;}.elementor .e-image-base{display:block;}.elementor .e-paragraph-base{margin:0px;}.elementor .e-paragraph-link-base{all:unset;cursor:pointer;}.elementor .e-svg-base{width:65px;height:65px;display:inline-block;}.elementor .e-button-base{text-align:center;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;border-radius:2px;border-width:0px;background-color:#375EFB;display:inline-block;}.elementor .e-youtube-base{overflow:hidden;aspect-ratio:16/9;}.elementor .e-divider-base{width:100%;height:1px;border-width:0px;border-color:transparent;border-style:none;background-color:#000;}.elementor .e-self-hosted-video-base{max-width:100vw;aspect-ratio:16/9;display:inline-block;}.elementor .e-form-input-base{height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-input-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-input-base::placeholder{color:#9DA5AE;}.elementor .e-form-label-base{font-size:14px;color:#0c0d0e;}.elementor .e-form-textarea-base{font-size:12px;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-textarea-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-textarea-base::placeholder{color:#9DA5AE;}.elementor .e-form-submit-button-base{color:#fff;padding-block-start:10px;padding-block-end:10px;padding-inline-start:28px;padding-inline-end:30px;border-radius:0px;border-width:0px;background-color:#000;display:flex;justify-content:center;align-items:center;}.elementor .e-form-submit-button-base:hover,.elementor .e-form-submit-button-base:focus-visible{background-color:#323232;}.elementor .e-form-checkbox-base{width:1.15em;height:1.15em;color:#ffffff;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;transition:background-color 200ms;display:grid;justify-items:center;align-items:center;appearance:none;}.elementor .e-form-checkbox-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-checkbox-base:checked{background-color:#69727D;}.elementor .e-form-checkbox-base::before{width:65%;height:65%;background-color:currentColor;opacity:0%;transform-origin:0% 100% 0px;transition:opacity 200ms;content:"";clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);}.elementor .e-form-checkbox-base:checked::before{opacity:100%;}.elementor .e-form-radio-button-base{width:1.15em;height:1.15em;color:#ffffff;border-radius:50%;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;display:grid;justify-items:center;align-items:center;appearance:none;}.elementor .e-form-radio-button-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-radio-button-base:checked{background-color:transparent;}.elementor .e-form-radio-button-base::before{width:65%;height:65%;border-radius:50%;background-color:#706F6F;opacity:0%;transition:opacity 200ms;content:"";}.elementor .e-form-radio-button-base:checked::before{opacity:100%;}.elementor .e-form-date-picker-base{width:100%;height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;}.elementor .e-form-date-picker-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-time-picker-base{width:100%;height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-width:1px;border-color:#D6D5D5;border-style:solid;}.elementor .e-form-time-picker-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-select-base{font-size:12px;border-width:1px;border-color:#D6D5D5;border-style:solid;background-color:transparent;}.elementor .e-form-select-base:focus{border-color:#706F6F;outline-style:none;}.elementor .e-form-file-upload-base{height:36px;font-size:12px;color:#0c0d0e;border-radius:0px;border-color:#D6D5D5;}.elementor .e-form-file-upload-base:focus{border-color:#706F6F;outline-style:none;}