.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%;
}
}.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;
}
}.tpr {
--tpr-teal: var(--toscano-brand-teal, #009a9d);
--tpr-deep: var(--toscano-brand-deep, #032d35);
--tpr-accent: var(--toscano-text-accent, #007b7e);
--tpr-muted: var(--toscano-neutral-muted, #7b7b7b);
--tpr-white: var(--toscano-neutral-white, #ffffff);
--tpr-section-bg: #f0f9f9; --tpr-eyebrow: #6f6f6f; --tpr-title: var(--tpr-deep);
--tpr-highlight: var(--tpr-accent);
--tpr-side: var(--tpr-muted);
--tpr-card-bg: var(--tpr-white);
--tpr-card-border: var(--toscano-border-subtle, #f3f4f6);
--tpr-media-from: #f0f9f9;
--tpr-media-to: #e0f4f4;
--tpr-name: var(--tpr-deep);
--tpr-code-bg: rgba(0, 154, 157, .08);
--tpr-code: var(--tpr-teal);
--tpr-text: var(--tpr-muted);
--tpr-link: var(--tpr-teal);
--tpr-btn-bg: var(--tpr-teal);
--tpr-btn-color: var(--tpr-white);
--tpr-btn-bg-hover: var(--tpr-accent);
--tpr-columns: 3;
--tpr-gap: 24px;
position: relative;
box-sizing: border-box;
width: 100%;
padding: 110px 20px;
background: var(--tpr-section-bg);
font-family: "Inter", sans-serif;
-webkit-font-smoothing: antialiased;
word-break: break-word;
}
.tpr *,
.tpr *::before,
.tpr *::after {
box-sizing: border-box;
}
.tpr .tpr__inner {
display: flex;
flex-direction: column;
gap: 48px;
max-width: 1200px;
margin: 0 auto;
} .tpr .tpr__heading {
display: flex;
align-items: flex-end;
justify-content: space-between;
gap: 40px;
}
.tpr .tpr__title-wrap {
display: flex;
flex-direction: column;
gap: 14px;
max-width: 620px;
}
.tpr .tpr__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(--tpr-eyebrow);
}
.tpr .tpr__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(--tpr-title);
}
.tpr .tpr__title-highlight {
font: inherit;
color: var(--tpr-highlight);
}
.tpr.tpr--hl-block .tpr__title-highlight {
display: block;
}
.tpr .tpr__side {
flex: 0 1 440px;
max-width: 440px;
margin: 0;
font-family: "Inter", sans-serif;
font-size: 16px; font-weight: 400;
line-height: 1.59;
color: var(--tpr-side);
} .tpr .tpr__grid {
display: grid;
grid-template-columns: repeat(var(--tpr-columns), minmax(0, 1fr));
gap: var(--tpr-gap);
margin: 0;
padding: 0;
list-style: none;
}
.tpr .tpr__cell {
display: flex;
min-width: 0;
margin: 0;
padding: 0;
}
.tpr .tpr__card {
position: relative;
display: flex;
flex: 1 1 auto;
flex-direction: column;
min-width: 0;
padding: 24px;
overflow: hidden;
isolation: isolate;
background: var(--tpr-card-bg);
border: 1px solid var(--tpr-card-border);
border-radius: 16px;
color: inherit;
text-decoration: none;
transition: box-shadow .35s ease, border-color .35s ease;
will-change: transform;
}
.tpr .tpr__media {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
aspect-ratio: 336 / 320;
overflow: hidden;
border-radius: 12px;
background: linear-gradient(136deg, var(--tpr-media-from) 0%, var(--tpr-media-to) 100%);
perspective: 700px;
} .tpr .tpr__media::before {
content: "";
position: absolute;
inset: 0;
background: radial-gradient(260px circle at var(--tpr-mx, 50%) var(--tpr-my, 40%), rgba(255, 255, 255, .85), transparent 65%);
opacity: 0;
transition: opacity .35s ease;
pointer-events: none;
}
.tpr .tpr__media img.tpr__image {
position: relative;
display: block;
width: 75%;
height: 75%;
max-width: none;
margin: 0;
border-radius: 0;
object-fit: contain;
filter: drop-shadow(0 18px 22px rgba(3, 45, 53, .12));
will-change: transform;
}
.tpr .tpr__body {
display: flex;
flex: 1 1 auto;
flex-direction: column;
gap: 8px;
padding-top: 20px;
}
.tpr .tpr__head {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
}
.tpr .tpr__name {
margin: 0;
padding: 0;
font-family: "Inter", sans-serif;
font-size: 16px; font-weight: 600;
line-height: 21px;
letter-spacing: 0;
text-transform: none;
color: var(--tpr-name);
}
.tpr .tpr__code {
flex: 0 0 auto;
margin-top: 2px;
padding: 2px 8px;
background: var(--tpr-code-bg);
border-radius: 4px;
font-family: ui-monospace, Consolas, "SFMono-Regular", Menlo, monospace;
font-size: 11px;
font-weight: 400;
line-height: 15px;
letter-spacing: .3px;
color: var(--tpr-code);
white-space: nowrap;
}
.tpr .tpr__text {
display: block;
font-family: "Inter", sans-serif;
font-size: 16px; font-weight: 400;
line-height: 1.59;
color: var(--tpr-text);
}
.tpr .tpr__more {
display: inline-block;
margin-top: auto;
padding-top: 12px;
font-family: "Inter", sans-serif;
font-size: 14px; font-weight: 600;
line-height: 20px;
color: var(--tpr-link);
align-self: flex-start;
}
.tpr a.tpr__card:hover .tpr__more,
.tpr a.tpr__card:focus-visible .tpr__more {
color: var(--tpr-accent);
text-decoration: underline;
text-underline-offset: 3px;
} .tpr .tpr__cta {
display: flex;
justify-content: center;
}
.tpr .tpr__btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 14px 28px;
border: 0;
border-radius: 4px;
background: var(--tpr-btn-bg);
color: var(--tpr-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;
transition: background-color .2s ease, color .2s ease;
will-change: transform;
}
.tpr .tpr__btn:hover,
.tpr .tpr__btn:focus-visible {
background: var(--tpr-btn-bg-hover);
color: var(--tpr-btn-color);
text-decoration: none;
}
.tpr .tpr__btn-text--mobile {
display: none;
}
.tpr .tpr__btn-arrow {
display: inline-block;
transition: transform .2s ease;
}
.tpr .tpr__btn:hover .tpr__btn-arrow {
transform: translateX(3px);
}
.tpr a:focus-visible {
outline: 2px solid var(--tpr-teal);
outline-offset: 3px;
} .tpr.tpr--fx .tpr__card:hover {
border-color: #e0f4f4;
box-shadow: 0 18px 40px 0 rgba(3, 45, 53, .09);
}
.tpr.tpr--fx .tpr__card:hover .tpr__media::before {
opacity: 1;
}
@media (hover: none) {
.tpr.tpr--fx .tpr__card {
transition: transform .35s cubic-bezier(.22, 1, .36, 1), box-shadow .35s ease, border-color .35s ease;
}
.tpr.tpr--fx .tpr__card:hover {
transform: translateY(-4px);
}
} .tpr .tpr__word {
display: inline-block;
overflow: hidden;
vertical-align: top;
padding-bottom: .08em;
margin-bottom: -.08em;
}
.tpr .tpr__word-inner {
display: inline-block;
will-change: transform;
} .tpr.tpr--pre .tpr__heading,
.tpr.tpr--pre .tpr__card,
.tpr.tpr--pre .tpr__cta {
visibility: hidden;
} @media (max-width: 1024px) {
.tpr {
--tpr-columns: 2;
}
.tpr .tpr__heading {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.tpr .tpr__title {
font-size: 34px;
}
.tpr .tpr__side {
flex: 0 0 auto;
max-width: 560px;
}
} @media (max-width: 767px) {
.tpr {
--tpr-columns: 1;
--tpr-gap: 20px;
padding-top: 72px;
padding-bottom: 72px;
}
.tpr .tpr__inner {
gap: 32px;
}
.tpr .tpr__heading {
gap: 12px;
}
.tpr .tpr__eyebrow {
font-size: 13px;
}
.tpr .tpr__title {
font-size: 28px;
}
.tpr .tpr__side {
font-size: 15px;
}
.tpr .tpr__card {
padding: 16px;
}
.tpr .tpr__media {
aspect-ratio: 327 / 180;
}
.tpr .tpr__media img.tpr__image {
width: 70%;
height: 90%;
}
.tpr .tpr__body {
gap: 4px;
padding-top: 16px;
}
.tpr .tpr__name {
font-size: 15px;
line-height: 22.5px;
}
.tpr .tpr__text {
font-size: 15px;
}
.tpr .tpr__cta .tpr__btn {
width: 100%;
} .tpr .tpr__btn--has-mobile .tpr__btn-text {
display: none;
}
.tpr .tpr__btn--has-mobile .tpr__btn-text--mobile {
display: inline;
}
}
@media (prefers-reduced-motion: reduce) {
.tpr .tpr__card,
.tpr .tpr__btn-arrow {
transition: none;
}
.tpr.tpr--fx .tpr__card:hover {
transform: none;
}
}.tti {
--tti-teal: var(--toscano-brand-teal, #009a9d);
--tti-deep: var(--toscano-brand-deep, #032d35);
--tti-accent: var(--toscano-text-accent, #007b7e);
--tti-muted: var(--toscano-neutral-muted, #7b7b7b);
--tti-white: var(--toscano-neutral-white, #ffffff);
--tti-ink: #343536; --tti-section-bg: var(--tti-white);
--tti-eyebrow: #6f6f6f; --tti-title: var(--tti-deep);
--tti-highlight: var(--tti-accent);
--tti-text: var(--tti-muted);
--tti-strong: var(--tti-ink);
--tti-item: var(--tti-ink);
--tti-check-bg: rgba(0, 154, 157, .12);
--tti-check: var(--tti-teal);
--tti-badge-bg: var(--tti-deep);
--tti-badge-value: var(--tti-white);
--tti-badge-label: rgba(255, 255, 255, .8);
--tti-btn-bg: var(--tti-teal);
--tti-btn-color: var(--tti-white);
--tti-btn-bg-hover: var(--tti-accent);
--tti-link: var(--tti-teal);
--tti-link-hover: var(--tti-accent);
--tti-corner: 160px;
--tti-img-pos: 50% 50%;
position: relative;
box-sizing: border-box;
width: 100%;
padding: 110px 20px;
background: var(--tti-section-bg);
font-family: "Inter", sans-serif;
-webkit-font-smoothing: antialiased;
word-break: break-word;
}
.tti *,
.tti *::before,
.tti *::after {
box-sizing: border-box;
}
.tti .tti__inner {
display: flex;
align-items: center;
gap: 100px;
max-width: 1200px;
margin: 0 auto;
}
.tti.tti--media-right .tti__inner {
flex-direction: row-reverse;
} .tti .tti__media {
position: relative;
flex: 0 0 500px;
width: 500px;
aspect-ratio: 500 / 560;
}
.tti .tti__frame {
position: absolute;
inset: 0;
overflow: hidden;
border-radius: 5px; -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.tti.tti--media-left .tti__frame {
border-bottom-left-radius: var(--tti-corner);
}
.tti.tti--media-right .tti__frame {
border-top-right-radius: var(--tti-corner);
}
.tti .tti__zoom {
position: absolute;
inset: 0;
}
.tti .tti__frame img.tti__image {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
max-width: none;
margin: 0;
border-radius: 0;
object-fit: cover;
object-position: var(--tti-img-pos);
} .tti .tti__badge {
position: absolute;
bottom: -24px;
z-index: 1;
display: flex;
flex-direction: column;
gap: 4px;
padding: 20px 24px;
background: var(--tti-badge-bg);
border-radius: 12px;
white-space: nowrap;
}
.tti.tti--media-left .tti__badge {
right: -24px;
}
.tti.tti--media-right .tti__badge {
left: -24px;
}
.tti .tti__badge-value {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 28px;
letter-spacing: 0;
color: var(--tti-badge-value);
}
.tti .tti__badge-label {
margin: 0;
font-family: "Inter", sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 19.5px;
color: var(--tti-badge-label);
} .tti .tti__text {
display: flex;
flex: 1 1 0;
flex-direction: column;
align-items: flex-start;
gap: 36px;
min-width: 0;
}
.tti .tti__heading {
display: flex;
flex-direction: column;
gap: 12px;
}
.tti .tti__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(--tti-eyebrow);
}
.tti .tti__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(--tti-title);
}
.tti .tti__title-highlight {
font: inherit;
color: var(--tti-highlight);
}
.tti.tti--hl-block .tti__title-highlight {
display: block;
}
.tti .tti__content {
width: 100%;
font-family: "Inter", sans-serif;
font-size: 16px; font-weight: 400;
line-height: 1.59;
color: var(--tti-text);
}
.tti .tti__content p {
margin: 0 0 16px;
font: inherit;
color: inherit;
}
.tti .tti__content > :last-child {
margin-bottom: 0;
} .tti .tti__content strong,
.tti .tti__content b {
font-weight: inherit;
color: var(--tti-strong);
}
.tti .tti__content a {
color: var(--tti-link);
}
.tti .tti__list {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.tti .tti__item {
display: flex;
align-items: flex-start;
gap: 12px;
margin: 0;
padding: 0;
}
.tti .tti__check {
display: flex;
flex: 0 0 20px;
align-items: center;
justify-content: center;
width: 20px;
height: 20px;
margin-top: 2px;
border-radius: 50%;
background: var(--tti-check-bg);
color: var(--tti-check);
}
.tti .tti__check svg {
display: block;
width: 10px;
height: 10px;
overflow: visible;
}
.tti .tti__item-text {
min-width: 0;
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.59;
color: var(--tti-item);
} .tti .tti__actions {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
}
.tti .tti__btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
padding: 14px 28px;
border: 0;
border-radius: 4px;
background: var(--tti-btn-bg);
color: var(--tti-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;
}
.tti .tti__btn:hover,
.tti .tti__btn:focus-visible {
background: var(--tti-btn-bg-hover);
color: var(--tti-btn-color);
text-decoration: none;
}
.tti .tti__btn-arrow {
display: inline-block;
transition: transform .2s ease;
}
.tti .tti__btn:hover .tti__btn-arrow {
transform: translateX(3px);
}
.tti .tti__link {
font-family: "Inter", sans-serif;
font-size: 14px; font-weight: 600;
line-height: 20px;
color: var(--tti-link);
text-decoration: none;
white-space: nowrap;
}
.tti .tti__link:hover,
.tti .tti__link:focus-visible {
color: var(--tti-link-hover);
text-decoration: underline;
text-underline-offset: 3px;
}
.tti a:focus-visible {
outline: 2px solid var(--tti-teal);
outline-offset: 3px;
} .tti.tti--parallax .tti__frame img.tti__image {
transform: translate3d(0, var(--tti-py, 0px), 0) scale(1.12);
will-change: transform;
} .tti.tti--js .tti__frame {
clip-path: inset(100% 0 0 0);
}
.tti.tti--js .tti__zoom {
transform: scale(1.18);
}
.tti.tti--js .tti__badge {
opacity: 0;
transform: translateY(28px) scale(.9);
}
.tti.tti--js .tti__text > *,
.tti.tti--js .tti__item {
opacity: 0;
transform: translateY(18px);
}
.tti.tti--js .tti__check path {
stroke-dasharray: 1;
stroke-dashoffset: 1;
}
.tti.tti--js.is-in .tti__frame {
clip-path: inset(0 0 0 0);
transition: clip-path 1.1s cubic-bezier(.77, 0, .18, 1);
}
.tti.tti--js.is-in .tti__zoom {
transform: none;
transition: transform 1.6s cubic-bezier(.22, 1, .36, 1);
}
.tti.tti--js.is-in .tti__badge {
opacity: 1;
transform: none;
transition:
opacity .4s ease .75s,
transform .7s cubic-bezier(.34, 1.56, .64, 1) .75s;
}
.tti.tti--js.is-in .tti__text > *,
.tti.tti--js.is-in .tti__item {
opacity: 1;
transform: none;
transition:
opacity .6s ease var(--tti-d, 0s),
transform .8s cubic-bezier(.22, 1, .36, 1) var(--tti-d, 0s);
}
.tti.tti--js.is-in .tti__check path {
stroke-dashoffset: 0;
transition: stroke-dashoffset .45s ease-out calc(var(--tti-d, 0s) + .25s);
}
@media (prefers-reduced-motion: reduce) {
.tti.tti--parallax .tti__frame img.tti__image {
transform: none;
}
.tti .tti__btn-arrow {
transition: none;
}
} @media (max-width: 1199px) {
.tti .tti__inner {
gap: 60px;
}
.tti .tti__media {
flex-basis: 440px;
width: 440px;
}
} @media (max-width: 1024px) {
.tti .tti__inner,
.tti.tti--media-right .tti__inner {
flex-direction: column;
align-items: stretch;
gap: 56px;
}
.tti .tti__media {
flex: 0 0 auto;
width: 100%;
aspect-ratio: 16 / 10;
}
.tti.tti--media-left .tti__frame {
border-bottom-left-radius: calc(var(--tti-corner) * .75);
}
.tti.tti--media-right .tti__frame {
border-top-right-radius: calc(var(--tti-corner) * .75);
} .tti.tti--media-left .tti__badge {
right: 32px;
}
.tti.tti--media-right .tti__badge {
left: 32px;
}
.tti .tti__text {
max-width: 680px;
}
.tti .tti__title {
font-size: 34px;
}
} @media (max-width: 767px) {
.tti {
padding-top: 72px;
padding-bottom: 72px;
}
.tti .tti__inner,
.tti.tti--media-right .tti__inner {
gap: 32px;
}
.tti.tti--media-left .tti__frame,
.tti.tti--media-right .tti__frame {
border-radius: 12px;
}
.tti.tti--media-left .tti__badge,
.tti.tti--media-right .tti__badge {
right: auto;
bottom: 16px;
left: 16px;
gap: 3px;
padding: 12px 20px;
border-radius: 10px;
}
.tti .tti__badge-value {
font-size: 22px;
line-height: 33px;
}
.tti .tti__badge-label {
font-size: 12px;
line-height: 18px;
}
.tti .tti__text {
gap: 24px;
}
.tti .tti__eyebrow {
font-size: 13px;
}
.tti .tti__title {
font-size: 28px;
}
.tti.tti--hl-block .tti__title-highlight {
display: inline;
}
.tti .tti__content,
.tti .tti__item-text {
font-size: 15px;
}
.tti .tti__content p {
margin-bottom: 12px;
}
.tti .tti__list {
gap: 12px;
}
.tti .tti__actions {
flex-direction: column;
align-items: stretch;
gap: 12px;
width: 100%;
}
.tti .tti__btn {
width: 100%;
white-space: normal;
text-align: center;
}
.tti .tti__link {
padding: 12px 0;
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;}