.bw-sr-only {
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;
border: 0 !important;
}
body.home-landing {
--verde: var(--bw-verde, #2a5c47);
--verde-m: var(--bw-verde-m, #3d7260);
--verde-l: var(--bw-verde-l, #6aab8a);
--avorio: var(--bw-surface-warm, #f3f4f6);
--carta: var(--bw-surface-alt, #eef0f3);
--terracotta: var(--bw-terracotta, #b87262);
--terracotta-l: #d49282;
--nero: #1a1a18;
--grigio: #6b6b60;
--bianco: var(--bw-surface, #f8fafc);
--cream: var(--bianco);
--cream-deep: var(--carta);
--sage: var(--verde-m);
--sage-soft: var(--bw-accent-muted, #ecf5ef);
--blossom-soft: rgba(212, 146, 130, 0.15);
--ink: var(--bw-ink, #292524);
--ink-soft: var(--bw-ink-soft, #57534e);
--white: #ffffff;
--line: rgba(42, 92, 71, 0.12);
--accent-text: linear-gradient(105deg, var(--verde-m), var(--verde-l));
--shadow-soft: 0 4px 20px rgba(26, 26, 24, 0.06);
--shadow-lift: 0 16px 40px rgba(26, 26, 24, 0.08);
--radius: 18px;
--radius-lg: 22px;
--radius-pill: 999px;
--ease: cubic-bezier(0.22, 1, 0.36, 1);
--home-content-max: 1240px;
--home-inset: clamp(1.25rem, 4vw, 3rem);
--home-nav-gutter: clamp(1.75rem, 5vw, 3.5rem);
--home-gutter: max(var(--home-inset), calc((100vw - var(--home-content-max)) / 2));
--home-hero-gap: clamp(2rem, 4vw, 3.5rem);
--home-nav-height: 4.35rem;
--v2-text-xs: 0.75rem;
--v2-text-sm: 0.9375rem;
--v2-text-base: 1.0625rem;
--v2-text-md: 1.125rem;
--v2-text-lg: 1.1875rem;
--v2-text-xl: clamp(1.5rem, 2.6vw, 2.15rem);
--v2-text-hero: clamp(2.05rem, 4.2vw, 3.2rem);
font-size: var(--v2-text-base);
line-height: 1.65;
font-family: "DM Sans", system-ui, sans-serif;
background: var(--bianco);
color: var(--nero);
overflow-x: visible;
margin: 0;
-webkit-font-smoothing: antialiased;
}
body.home-landing .container {
max-width: 1120px;
margin: 0 auto;
padding-left: 1.25rem;
padding-right: 1.25rem;
}
body.home-landing *,
body.home-landing *::before,
body.home-landing *::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body.home-landing::before {
content: "";
position: fixed;
inset: 0;
z-index: 0;
pointer-events: none;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");
background-size: 256px;
opacity: 0.5;
}
.home-landing nav.landing-nav {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 200;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
padding: 1.1rem var(--home-nav-gutter);
background: rgba(255, 255, 255, 0.94);
backdrop-filter: none;
-webkit-backdrop-filter: none;
border-bottom: 1px solid rgba(42, 92, 71, 0.1);
overflow: visible;
}
@media (min-width: 769px) {
.home-landing nav.landing-nav {
--home-nav-inner-max: min(1680px, calc(100vw - (2 * var(--home-nav-gutter))));
padding-left: max(var(--home-nav-gutter), calc((100vw - var(--home-nav-inner-max)) / 2));
padding-right: max(var(--home-nav-gutter), calc((100vw - var(--home-nav-inner-max)) / 2));
}
.home-landing nav.landing-nav:not(.landing-nav--with-lang) .nav-links {
flex: 1 1 auto;
justify-content: flex-end;
flex-wrap: nowrap;
gap: clamp(0.45rem, 0.9vw, 1rem);
min-width: 0;
}
.home-landing nav.landing-nav:not(.landing-nav--with-lang) .nav-links-main {
gap: clamp(0.45rem, 0.75vw, 1rem);
}
.home-landing nav.landing-nav:not(.landing-nav--with-lang) .nav-links-main a {
font-size: 0.875rem;
white-space: nowrap;
}
.home-landing nav.landing-nav.landing-nav--with-lang {
--home-nav-inner-max: min(1680px, calc(100vw - (2 * var(--home-nav-gutter))));
justify-content: center;
gap: clamp(0.75rem, 1.5vw, 1.75rem);
padding-left: max(var(--home-nav-gutter), calc((100vw - var(--home-nav-inner-max)) / 2));
padding-right: max(var(--home-nav-gutter), calc((100vw - var(--home-nav-inner-max)) / 2));
}
.home-landing nav.landing-nav.landing-nav--with-lang .nav-logo {
flex: 0 0 auto;
margin-right: 0;
}
.home-landing nav.landing-nav.landing-nav--with-lang .nav-links {
flex: 1 1 auto;
min-width: 0;
justify-content: flex-end;
align-items: center;
flex-wrap: nowrap;
gap: clamp(0.75rem, 1.15vw, 1.35rem);
}
.home-landing nav.landing-nav.landing-nav--with-lang .nav-links-main {
flex: 1 1 auto;
flex-wrap: nowrap;
min-width: 0;
gap: clamp(0.55rem, 0.9vw, 1.15rem);
}
.home-landing nav.landing-nav.landing-nav--with-lang .nav-links-main a {
font-size: 0.9375rem;
white-space: nowrap;
}
.home-landing nav.landing-nav.landing-nav--with-lang .nav-auth-cluster {
flex: 0 0 auto;
margin-left: clamp(0.5rem, 0.9vw, 0.85rem);
padding-left: clamp(0.65rem, 1vw, 1rem);
gap: 0.5rem;
border-left: 1px solid rgba(42, 92, 71, 0.12);
}
.home-landing nav.landing-nav.landing-nav--with-lang .nav-dropdown-trigger {
padding: 0.4rem 0.72rem;
font-size: 0.875rem;
}
.home-landing nav.landing-nav.landing-nav--with-lang .nav-cta--company {
padding: 0.4rem 0.72rem;
font-size: 0.875rem;
white-space: nowrap;
}
.home-landing nav.landing-nav.landing-nav--with-lang .nav-cta:not(.nav-cta--company) {
padding: 0.45rem 0.95rem;
font-size: 0.875rem;
white-space: nowrap;
}
}
@media (min-width: 769px) and (max-width: 1320px) {
.home-landing nav.landing-nav.landing-nav--with-lang {
--home-nav-inner-max: min(calc(100vw - (2 * var(--home-nav-gutter))), 1480px);
gap: clamp(0.75rem, 1.5vw, 1.5rem);
}
.home-landing nav.landing-nav.landing-nav--with-lang .nav-links-main a {
font-size: 0.875rem;
}
}
.home-landing .nav-logo {
font-family: var(--bw-font-display);
font-size: 1.55rem;
font-weight: 700;
color: var(--verde);
letter-spacing: -0.02em;
text-decoration: none;
}
.home-landing .nav-logo span {
color: var(--terracotta);
}
.home-landing .nav-links {
display: flex;
gap: 1.5rem;
align-items: center;
}
.home-landing .nav-links-main {
display: flex;
gap: 1.5rem;
align-items: center;
}
@media (min-width: 769px) {
.home-landing nav.landing-nav .nav-links {
flex-wrap: nowrap;
}
.home-landing nav.landing-nav .nav-links-main {
flex-wrap: nowrap;
flex-shrink: 0;
}
.home-landing nav.landing-nav .nav-links-main a,
.home-landing nav.landing-nav .nav-auth-cluster a,
.home-landing nav.landing-nav .nav-dropdown-trigger,
.home-landing nav.landing-nav .nav-cta {
white-space: nowrap;
flex-shrink: 0;
}
.home-landing nav.landing-nav .nav-auth-cluster {
flex-wrap: nowrap;
flex-shrink: 0;
}
}
.home-landing .nav-auth-cluster {
display: flex;
align-items: center;
gap: 0.65rem;
flex-shrink: 0;
}
.home-landing .nav-lang-dropdown {
flex-shrink: 0;
}
.home-landing .nav-lang-trigger {
padding: 0.42rem 0.65rem 0.42rem 0.55rem;
gap: 0.3rem;
min-width: 0;
}
.home-landing .nav-lang-icon {
width: 15px;
height: 15px;
flex-shrink: 0;
opacity: 0.85;
}
.home-landing .nav-lang-code {
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: 0.04em;
line-height: 1;
}
.home-landing .nav-lang-panel {
min-width: 9.5rem;
padding: 0.35rem;
}
.home-landing .nav-lang-option {
padding: 0.55rem 0.75rem;
border-radius: 8px;
font-size: 0.875rem;
}
.home-landing .nav-lang-option-code {
display: inline-block;
min-width: 1.35rem;
font-weight: 600;
letter-spacing: 0.04em;
color: var(--verde-m);
}
.home-landing .nav-lang-option.is-active {
background: rgba(42, 92, 71, 0.1);
font-weight: 500;
}
@media (min-width: 769px) {
.home-landing .nav-auth-cluster {
margin-left: 0.25rem;
padding-left: 1.25rem;
border-left: 1px solid rgba(42, 92, 71, 0.12);
}
}
@media (min-width: 769px) and (max-width: 1180px) {
.home-landing nav.landing-nav:not(.landing-nav--with-lang) .nav-links-main {
gap: 1rem;
}
.home-landing nav.landing-nav:not(.landing-nav--with-lang) .nav-links-main a {
font-size: 0.9375rem;
}
.home-landing nav.landing-nav:not(.landing-nav--with-lang) .nav-cta--company {
padding: 0.45rem 0.85rem;
}
.home-landing nav.landing-nav:not(.landing-nav--with-lang) .nav-cta:not(.nav-cta--company) {
padding: 0.5rem 1rem;
}
}
.home-landing .nav-links a {
font-size: 1rem;
color: var(--nero);
text-decoration: none;
letter-spacing: 0.02em;
transition: color 0.2s;
}
.home-landing .nav-links a:hover {
color: var(--verde);
}
.home-landing .nav-links a.is-active {
color: var(--verde-m);
font-weight: 500;
}
.home-landing .nav-cta {
background: var(--verde);
color: var(--avorio) !important;
padding: 0.5rem 1.25rem;
border-radius: 100px;
font-weight: 500 !important;
transition: background 0.2s !important;
}
.home-landing .nav-cta:hover {
background: var(--verde-m) !important;
}
.home-landing .nav-cta--company {
background: transparent;
color: var(--verde) !important;
border: 1px solid rgba(42, 92, 71, 0.35);
padding: 0.45rem 1.15rem;
}
.home-landing .nav-cta--company:hover {
background: rgba(42, 92, 71, 0.08) !important;
}
.home-landing .nav-cta--company.is-active {
background: rgba(42, 92, 71, 0.1) !important;
border-color: var(--verde-m);
font-weight: 500 !important;
}
.home-landing .nav-cta.is-active {
box-shadow: inset 0 0 0 2px rgba(243, 244, 246, 0.35);
}
.home-landing .nav-dropdown {
position: relative;
}
.home-landing .nav-dropdown-trigger {
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.48rem 1rem;
border-radius: 100px;
border: 1px solid rgba(42, 92, 71, 0.22);
background: rgba(255, 255, 255, 0.65);
color: var(--verde);
font-family: inherit;
font-size: 0.9375rem;
font-weight: 500;
cursor: pointer;
transition: background 0.2s, border-color 0.2s, color 0.2s;
}
.home-landing .nav-dropdown-trigger:hover,
.home-landing .nav-dropdown.is-open .nav-dropdown-trigger {
background: rgba(42, 92, 71, 0.06);
border-color: rgba(42, 92, 71, 0.35);
}
.home-landing .nav-dropdown-trigger.is-active {
background: rgba(42, 92, 71, 0.1);
border-color: var(--verde-m);
color: var(--verde);
}
.home-landing .nav-dropdown-chevron {
width: 14px;
height: 14px;
opacity: 0.75;
transition: transform 0.2s var(--ease);
}
.home-landing .nav-dropdown.is-open .nav-dropdown-chevron {
transform: rotate(180deg);
}
.home-landing .nav-dropdown-panel {
position: absolute;
top: calc(100% + 0.45rem);
right: 0;
min-width: 15.5rem;
padding: 0.4rem;
background: var(--bianco);
border: 1px solid rgba(42, 92, 71, 0.12);
border-radius: 14px;
box-shadow: var(--shadow-lift);
opacity: 0;
visibility: hidden;
transform: translateY(-6px);
transition: opacity 0.2s var(--ease), transform 0.2s var(--ease), visibility 0.2s;
z-index: 300;
}
.home-landing .nav-dropdown.is-open .nav-dropdown-panel {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.home-landing .nav-dropdown-item {
display: block;
padding: 0.65rem 0.75rem;
border-radius: 10px;
text-decoration: none;
color: inherit;
transition: background 0.15s;
}
.home-landing .nav-dropdown-item strong {
display: block;
font-size: 0.9375rem;
font-weight: 600;
color: var(--verde);
margin-bottom: 0.12rem;
}
.home-landing .nav-dropdown-item span {
display: block;
font-size: 0.8125rem;
line-height: 1.4;
color: var(--grigio);
}
.home-landing .nav-dropdown-item:hover,
.home-landing .nav-dropdown-item.is-active {
background: rgba(106, 171, 138, 0.12);
}
.home-landing .nav-dropdown-item--register strong {
color: var(--terracotta);
}
.home-landing .nav-dropdown-divider {
height: 1px;
margin: 0.25rem 0.35rem;
background: rgba(42, 92, 71, 0.1);
}
.home-landing .nav-links-main .nav-dropdown--main {
display: inline-flex;
align-items: center;
flex: 0 0 auto;
flex-shrink: 0;
position: relative;
}
.home-landing .nav-links-main .nav-dropdown-trigger--main,
.home-landing .nav-links-main a.nav-dropdown-trigger--main {
display: inline-flex;
align-items: center;
gap: 0.2rem;
padding: 0;
border: none;
background: transparent;
border-radius: 0;
font-size: inherit;
font-weight: inherit;
font-family: inherit;
color: inherit;
letter-spacing: 0.02em;
white-space: nowrap;
flex-shrink: 0;
text-decoration: none;
cursor: pointer;
}
.home-landing .nav-links-main .nav-dropdown-trigger--main:hover,
.home-landing .nav-links-main .nav-dropdown.is-open .nav-dropdown-trigger--main {
color: var(--verde);
background: transparent;
}
.home-landing .nav-links-main .nav-dropdown-trigger--main.is-active {
color: var(--verde-m);
font-weight: 500;
}
.home-landing .nav-links-main .nav-dropdown-chevron {
width: 0.85rem;
height: 0.85rem;
opacity: 0.65;
}
.home-landing .nav-dropdown-panel--main {
min-width: 11rem;
}
.home-landing .nav-dropdown-item--main strong {
font-weight: 500;
}
.home-landing .nav-dropdown-item--main span {
display: none;
}
@media (min-width: 769px) {
.home-landing nav.landing-nav,
.home-landing nav.landing-nav .nav-links,
.home-landing nav.landing-nav .nav-links-main {
overflow: visible;
}
.home-landing .nav-dropdown--main .nav-dropdown-panel--main {
left: 0;
right: auto;
z-index: 500;
}
.home-landing .nav-dropdown--main .nav-dropdown-panel--main::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: -0.55rem;
height: 0.55rem;
}
.home-landing .nav-dropdown--main:hover .nav-dropdown-panel--main,
.home-landing .nav-dropdown--main:focus-within .nav-dropdown-panel--main,
.home-landing .nav-dropdown--main.is-open .nav-dropdown-panel--main {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
.home-landing .nav-dropdown--main:hover .nav-dropdown-trigger--main,
.home-landing .nav-dropdown--main:focus-within .nav-dropdown-trigger--main {
color: var(--verde);
}
.home-landing .nav-dropdown--main:hover .nav-dropdown-chevron,
.home-landing .nav-dropdown--main:focus-within .nav-dropdown-chevron,
.home-landing .nav-dropdown--main.is-open .nav-dropdown-chevron {
transform: rotate(180deg);
}
}
.home-landing .nav-auth {
font-size: 1rem;
color: var(--grigio);
}
.home-landing .nav-auth-cluster .bw-logout-form {
display: inline;
margin: 0;
}
.home-landing .nav-auth-cluster .bw-logout-form > .nav-auth {
display: inline;
padding: 0;
border: 0;
background: none;
font: inherit;
font-size: 1rem;
color: var(--grigio);
cursor: pointer;
text-decoration: none;
}
.home-landing .landing-nav-toggle {
display: none;
background: none;
border: none;
cursor: pointer;
padding: 0.35rem;
}
.home-landing .landing-nav-toggle-bars {
display: flex;
flex-direction: column;
gap: 5px;
}
.home-landing .landing-nav-toggle-bars span {
display: block;
width: 22px;
height: 2px;
background: var(--verde);
border-radius: 2px;
transition: transform 0.25s, opacity 0.25s;
}
.home-landing .landing-nav.is-nav-open .landing-nav-toggle-bars span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.home-landing .landing-nav.is-nav-open .landing-nav-toggle-bars span:nth-child(2) {
opacity: 0;
}
.home-landing .landing-nav.is-nav-open .landing-nav-toggle-bars span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
.home-landing .hero {
min-height: clamp(640px, 92vh, 920px);
background: var(--verde);
display: grid;
grid-template-columns: repeat(2, minmax(0, calc((var(--home-content-max) - var(--home-hero-gap)) / 2)));
justify-content: center;
column-gap: var(--home-hero-gap);
align-items: stretch;
position: relative;
overflow: hidden;
padding: 4.5rem max(var(--home-gutter), clamp(2rem, 5vw, 4rem)) 3.5rem;
box-sizing: border-box;
}
.home-landing .hero::after {
content: "";
position: absolute;
width: 660px;
height: 660px;
border-radius: 50%;
border: 1px solid rgba(106, 171, 138, 0.14);
left: -200px;
bottom: -200px;
pointer-events: none;
}
.home-landing .hero-left {
padding: 4rem 0 3rem;
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
}
.home-landing .hero-eyebrow {
display: inline-flex;
align-items: center;
gap: 0.5rem;
font-size: 0.8125rem;
letter-spacing: 0.13em;
text-transform: uppercase;
color: var(--verde-l);
margin-bottom: 1.8rem;
}
.home-landing .hero-eyebrow::before {
content: "";
display: block;
width: 22px;
height: 1px;
background: var(--verde-l);
}
.home-landing .hero-h1 {
font-family: var(--bw-font-display);
font-size: clamp(2.85rem, 4.5vw, 5.35rem);
font-weight: 900;
line-height: 1.06;
color: var(--avorio);
margin: 0 0 1.4rem;
}
.home-landing .hero-h1 em {
font-style: italic;
color: var(--terracotta-l);
}
.home-landing .hero-sub {
font-size: 1.2rem;
font-weight: 300;
line-height: 1.75;
color: rgba(243, 244, 246, 0.68);
max-width: 460px;
margin: 0 0 2.2rem;
}
.home-landing .hero-pills {
display: flex;
gap: 0.7rem;
flex-wrap: wrap;
margin-bottom: 2.8rem;
}
.home-landing .hero-pill {
font-size: 0.875rem;
letter-spacing: 0.06em;
background: rgba(106, 171, 138, 0.15);
border: 1px solid rgba(106, 171, 138, 0.3);
color: var(--verde-l);
padding: 0.35rem 0.9rem;
border-radius: 100px;
}
.home-landing .hero-links {
display: flex;
gap: 1rem;
align-items: center;
flex-wrap: wrap;
}
.home-landing .btn-terra {
background: var(--terracotta);
color: #fff;
padding: 0.8rem 1.9rem;
border-radius: 100px;
font-size: 1rem;
font-weight: 500;
text-decoration: none;
transition: background 0.2s, transform 0.15s;
display: inline-block;
border: none;
cursor: pointer;
}
.home-landing .btn-terra:hover {
background: var(--terracotta-l);
transform: translateY(-1px);
}
.home-landing .btn-ghost-sm {
border: 1px solid rgba(243, 244, 246, 0.35);
color: rgba(243, 244, 246, 0.8);
padding: 0.8rem 1.6rem;
border-radius: 100px;
font-size: 0.9375rem;
text-decoration: none;
transition: border-color 0.2s, background 0.2s;
display: inline-block;
}
.home-landing .btn-ghost-sm:hover {
border-color: var(--avorio);
background: rgba(243, 244, 246, 0.06);
}
.home-landing .hero-right {
padding: 4rem 0 3rem;
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
}
.home-landing .signup-box {
background: rgba(248, 250, 252, 0.06);
border: 1px solid rgba(106, 171, 138, 0.22);
border-radius: 22px;
padding: 2.4rem 2.6rem;
width: 100%;
max-width: min(500px, 100%);
margin-inline: auto;
backdrop-filter: blur(12px);
}
.home-landing .signup-box--logged {
text-align: center;
}
.home-landing .signup-box-title {
font-family: var(--bw-font-display);
font-size: 1.6rem;
font-weight: 700;
color: var(--avorio);
margin: 0 0 0.35rem;
}
.home-landing .signup-box-sub {
font-size: 0.9375rem;
color: rgba(243, 244, 246, 0.55);
margin: 0 0 1.6rem;
line-height: 1.5;
}
.home-landing .signup-box-sub a {
color: var(--verde-l);
text-decoration: none;
}
.home-landing .signup-box-sub a:hover {
text-decoration: underline;
}
.home-landing .form-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.75rem;
}
.home-landing .form-field {
display: flex;
flex-direction: column;
gap: 0.35rem;
margin-bottom: 0.75rem;
}
.home-landing .form-field label {
font-size: 0.8125rem;
font-weight: 500;
letter-spacing: 0.04em;
color: rgba(243, 244, 246, 0.6);
text-transform: uppercase;
}
.home-landing .form-field label .optional {
font-weight: 400;
text-transform: none;
letter-spacing: 0;
opacity: 0.75;
}
.home-landing .form-field input,
.home-landing .form-field select {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(106, 171, 138, 0.2);
border-radius: 10px;
padding: 0.7rem 0.95rem;
font-size: 1rem;
font-family: inherit;
color: var(--avorio);
transition: border-color 0.2s, background 0.2s;
}
.home-landing .form-field input::placeholder {
color: rgba(243, 244, 246, 0.28);
}
.home-landing .form-field input:focus:not(:focus-visible),
.home-landing .form-field select:focus:not(:focus-visible) {
border-color: var(--verde-l);
background: rgba(255, 255, 255, 0.11);
}
.home-landing .home-signup-honeypot {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
.home-landing .signup-privacy {
display: flex;
gap: 0.6rem;
align-items: flex-start;
margin-bottom: 1.1rem;
cursor: pointer;
}
.home-landing .signup-privacy input[type="checkbox"] {
margin-top: 0.2rem;
flex-shrink: 0;
accent-color: var(--verde-l);
}
.home-landing .signup-privacy span {
font-size: 0.9375rem;
line-height: 1.55;
color: rgba(243, 244, 246, 0.5);
}
.home-landing .signup-privacy a {
color: var(--verde-l);
text-decoration: none;
}
.home-landing .signup-privacy a:hover {
text-decoration: underline;
}
.home-landing .signup-submit {
width: 100%;
padding: 0.85rem;
background: var(--terracotta);
color: #fff;
border: none;
border-radius: 12px;
font-size: 1.0625rem;
font-weight: 500;
font-family: inherit;
cursor: pointer;
transition: background 0.2s, transform 0.15s;
}
.home-landing .signup-submit:hover {
background: var(--terracotta-l);
transform: translateY(-1px);
}
.home-landing .signup-alt {
text-align: center;
margin-top: 0.9rem;
font-size: 0.875rem;
color: rgba(243, 244, 246, 0.4);
}
.home-landing .signup-alt a {
color: var(--verde-l);
text-decoration: none;
}
.home-landing .signup-alt a:hover {
text-decoration: underline;
}
@media (min-width: 1025px) {
.home-landing .hero {
--home-content-max: 1280px;
--home-hero-gap: clamp(2rem, 3.5vw, 3.25rem);
min-height: 100dvh;
height: 100dvh;
max-height: 100dvh;
grid-template-columns: repeat(2, minmax(0, calc((var(--home-content-max) - var(--home-hero-gap)) / 2)));
padding-top: calc(var(--home-nav-height) + 0.4rem);
padding-bottom: 1rem;
column-gap: var(--home-hero-gap);
align-items: center;
overflow: hidden;
}
.home-landing .hero-left,
.home-landing .hero-right {
padding: 0;
min-height: 0;
height: 100%;
max-height: calc(100dvh - var(--home-nav-height) - 1.4rem);
}
.home-landing .hero-left {
display: flex;
flex-direction: column;
justify-content: center;
}
.home-landing .hero-eyebrow {
margin-bottom: 1.2rem;
font-size: 0.8125rem;
}
.home-landing .hero-h1 {
font-size: clamp(2.85rem, 4.6vw, 4.65rem);
margin-bottom: 1rem;
}
.home-landing .hero-sub {
font-size: clamp(1.05rem, 1.15vw, 1.2rem);
line-height: 1.65;
margin-bottom: 1.4rem;
max-width: 34rem;
}
.home-landing .hero-pills {
margin-bottom: 0;
gap: 0.65rem;
}
.home-landing .hero-pill {
font-size: 0.875rem;
padding: 0.38rem 0.95rem;
}
.home-landing .hero-links {
display: none;
}
.home-landing .hero-right {
display: flex;
align-items: center;
justify-content: stretch;
}
.home-landing .signup-box {
width: 100%;
max-width: none;
padding: 1.65rem 1.85rem 1.35rem;
border-radius: 20px;
}
.home-landing .signup-box-title {
font-size: clamp(1.45rem, 1.6vw, 1.65rem);
margin-bottom: 0.35rem;
}
.home-landing .signup-box-sub {
font-size: clamp(0.88rem, 0.95vw, 0.95rem);
margin-bottom: 1rem;
line-height: 1.5;
}
.home-landing .hero .form-field {
gap: 0.28rem;
margin-bottom: 0.58rem;
}
.home-landing .hero .form-field label {
font-size: 0.78rem;
}
.home-landing .hero .form-field input {
padding: 0.62rem 0.9rem;
font-size: clamp(0.92rem, 0.95vw, 1rem);
border-radius: 10px;
}
.home-landing .hero .form-row {
gap: 0.65rem;
}
.home-landing .hero .signup-privacy {
margin-bottom: 0.75rem;
}
.home-landing .hero .signup-privacy span {
font-size: clamp(0.82rem, 0.88vw, 0.9rem);
line-height: 1.45;
}
.home-landing .hero .signup-submit {
padding: 0.75rem;
font-size: clamp(0.98rem, 1.05vw, 1.0625rem);
border-radius: 11px;
}
.home-landing .hero .signup-alt {
margin-top: 0.7rem;
font-size: clamp(0.82rem, 0.88vw, 0.875rem);
line-height: 1.4;
}
.home-landing .hero .form-field:has(#su_data) {
display: none;
}
}
@media (min-width: 1025px) and (min-height: 880px) {
.home-landing .hero-h1 {
font-size: clamp(3.05rem, 5vw, 5rem);
margin-bottom: 1.15rem;
}
.home-landing .hero-sub {
font-size: 1.2rem;
margin-bottom: 1.55rem;
}
.home-landing .signup-box {
padding: 1.85rem 2rem 1.5rem;
}
.home-landing .hero .form-field {
margin-bottom: 0.65rem;
}
.home-landing .hero .form-field input {
padding: 0.68rem 0.95rem;
}
.home-landing .hero .signup-submit {
padding: 0.82rem;
}
}
@media (min-width: 1025px) and (max-height: 820px) {
.home-landing .hero {
padding-top: calc(var(--home-nav-height) + 0.2rem);
padding-bottom: 0.65rem;
}
.home-landing .hero-h1 {
font-size: clamp(2.45rem, 4vw, 3.65rem);
margin-bottom: 0.65rem;
}
.home-landing .hero-sub {
font-size: 0.98rem;
margin-bottom: 0.85rem;
line-height: 1.58;
}
.home-landing .hero-eyebrow {
margin-bottom: 0.75rem;
}
.home-landing .hero-pill {
font-size: 0.8rem;
padding: 0.3rem 0.78rem;
}
.home-landing .signup-box {
padding: 1.25rem 1.4rem 1rem;
}
.home-landing .hero .form-field {
margin-bottom: 0.45rem;
}
.home-landing .hero .form-field input {
padding: 0.52rem 0.78rem;
font-size: 0.9rem;
}
.home-landing .hero .signup-submit {
padding: 0.62rem;
font-size: 0.95rem;
}
}
.home-landing .claim-bar {
background: var(--carta);
padding: 1.3rem var(--home-gutter);
display: flex;
align-items: center;
gap: 2rem;
border-bottom: 1px solid rgba(42, 92, 71, 0.08);
overflow: hidden;
position: relative;
z-index: 1;
}
.home-landing .claim-bar span {
font-family: var(--bw-font-display);
font-style: italic;
font-size: 1.0625rem;
color: var(--verde);
white-space: nowrap;
}
.home-landing .claim-sep {
color: var(--terracotta);
font-size: 1.1rem;
flex-shrink: 0;
}
.home-landing .bw-home-purpose {
padding: 7rem var(--home-gutter);
background: var(--bianco);
position: relative;
z-index: 1;
}
.home-landing .bw-home-purpose-lead {
max-width: 760px;
margin: -2.2rem 0 0;
font-size: 1.06rem;
line-height: 1.75;
color: var(--grigio);
}
.home-landing .bw-home-purpose-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1rem;
margin-top: 2.2rem;
}
.home-landing .bw-home-purpose-card {
background: var(--carta);
border: 1px solid rgba(42, 92, 71, 0.1);
border-radius: 16px;
padding: 1.4rem 1.2rem;
}
.home-landing .bw-home-purpose-card h3 {
margin: 0 0 0.45rem;
font-family: var(--bw-font-display);
font-size: 1.18rem;
color: var(--verde);
}
.home-landing .bw-home-purpose-card p {
margin: 0;
font-size: 0.98rem;
line-height: 1.6;
color: var(--grigio);
}
.home-landing .bw-home-purpose-actions {
margin-top: 1.8rem;
}
.home-landing .section-label {
font-size: 0.8125rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--terracotta);
margin-bottom: 0.9rem;
display: flex;
align-items: center;
gap: 0.5rem;
}
.home-landing .section-label::after {
content: "";
flex: 0 0 48px;
height: 1px;
background: var(--terracotta);
opacity: 0.3;
}
.home-landing .section-title {
font-family: var(--bw-font-display);
font-size: clamp(2.25rem, 3.5vw, 3.5rem);
font-weight: 700;
line-height: 1.15;
color: var(--verde);
margin: 0 0 3.5rem;
max-width: 600px;
}
.home-landing .section-title em {
font-style: italic;
}
.home-landing .valori {
padding: 7rem var(--home-gutter);
background: var(--bianco);
position: relative;
z-index: 1;
}
.home-landing .valori-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2px;
background: rgba(42, 92, 71, 0.06);
border-radius: 22px;
overflow: hidden;
}
.home-landing .valore-card {
background: var(--bianco);
padding: 2.4rem 2rem;
position: relative;
overflow: hidden;
transition: background 0.25s;
}
.home-landing .valore-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: var(--verde);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.35s ease;
}
.home-landing .valore-card:hover {
background: var(--avorio);
}
.home-landing .valore-card:hover::before {
transform: scaleX(1);
}
.home-landing .valore-card.featured {
background: var(--verde);
}
.home-landing .valore-card.featured::before {
background: var(--terracotta);
transform: scaleX(1);
}
.home-landing .valore-card.featured .v-title {
color: var(--avorio);
}
.home-landing .valore-card.featured .v-text {
color: rgba(243, 244, 246, 0.65);
}
.home-landing .valore-card.featured .v-tag {
color: var(--terracotta-l);
}
.home-landing .valore-card.featured .bw-icon {
stroke: var(--verde-l);
}
.home-landing .v-icon-wrap {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0.9rem;
}
.home-landing .bw-icon {
width: 28px;
height: 28px;
stroke: var(--verde-m);
flex-shrink: 0;
}
.home-landing .v-tag {
font-size: 0.8125rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--terracotta);
margin-bottom: 0.45rem;
display: block;
}
.home-landing .v-title {
font-family: var(--bw-font-display);
font-size: 1.25rem;
color: var(--verde);
margin: 0 0 0.5rem;
}
.home-landing .v-text {
font-size: 1rem;
line-height: 1.7;
color: var(--grigio);
margin: 0;
}
.home-landing .v-link {
display: inline-block;
margin-top: 0.8rem;
font-size: 0.9375rem;
font-weight: 500;
color: var(--verde-m);
text-decoration: none;
border-bottom: 1px solid rgba(42, 92, 71, 0.2);
transition: border-color 0.2s;
}
.home-landing .v-link:hover {
border-color: var(--verde-m);
}
.home-landing .roles-cloud-section {
padding: 7rem var(--home-gutter);
background: var(--carta);
--roles-cloud-bg: var(--carta);
position: relative;
overflow: hidden;
z-index: 1;
}
.home-landing .roles-cloud-intro {
font-size: 1rem;
color: var(--grigio);
max-width: 560px;
margin: -2.5rem 0 2rem;
line-height: 1.7;
}
.home-landing .roles-cloud-legend {
display: flex;
gap: 1.5rem;
flex-wrap: wrap;
margin-bottom: 2.5rem;
}
.home-landing .roles-cloud-legend-item {
display: inline-flex;
align-items: center;
gap: 0.45rem;
font-size: 0.875rem;
letter-spacing: 0.04em;
padding: 0.35rem 0.85rem;
border-radius: 12px;
font-weight: 500;
background: var(--bianco);
border: 1.5px solid transparent;
}
.home-landing .roles-cloud-legend-item::before {
content: "";
width: 0.55rem;
height: 0.55rem;
border-radius: 50%;
flex-shrink: 0;
background: currentColor;
}
.home-landing .roles-cloud-legend-item--high {
color: var(--verde);
border-color: rgba(42, 92, 71, 0.28);
}
.home-landing .roles-cloud-legend-item--medium {
color: var(--terracotta);
border-color: rgba(184, 114, 98, 0.28);
}
.home-landing .roles-cloud-legend-item--emerging {
color: var(--verde-m);
border-color: rgba(106, 171, 138, 0.35);
border-style: dashed;
}
.home-landing .roles-cloud {
display: flex;
flex-wrap: wrap;
gap: 0.75rem 0.9rem;
align-items: center;
margin-bottom: 2.5rem;
}
.home-landing .roles-cloud-tag {
display: inline-flex;
align-items: center;
gap: 0.55em;
border-radius: 12px;
font-weight: 500;
cursor: default;
background: var(--bianco);
border: 1.5px solid transparent;
transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease), background 0.2s ease, border-color 0.2s ease;
line-height: 1.2;
letter-spacing: 0.01em;
box-shadow: 0 2px 8px rgba(26, 26, 24, 0.04);
}
.home-landing .roles-cloud-tag::before {
content: "";
width: 0.5em;
height: 0.5em;
border-radius: 50%;
flex-shrink: 0;
background: currentColor;
}
.home-landing .roles-cloud-tag:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-soft);
}
.home-landing .roles-cloud-tag--high {
color: var(--verde);
border-color: rgba(42, 92, 71, 0.3);
}
.home-landing .roles-cloud-tag--high:hover {
background: rgba(42, 92, 71, 0.06);
border-color: rgba(42, 92, 71, 0.45);
}
.home-landing .roles-cloud-tag--medium {
color: var(--terracotta);
border-color: rgba(184, 114, 98, 0.32);
}
.home-landing .roles-cloud-tag--medium:hover {
background: rgba(184, 114, 98, 0.07);
border-color: rgba(184, 114, 98, 0.48);
}
.home-landing .roles-cloud-tag--emerging {
color: var(--verde-m);
border-color: rgba(106, 171, 138, 0.38);
border-style: dashed;
background: rgba(248, 250, 252, 0.85);
}
.home-landing .roles-cloud-tag--emerging:hover {
background: rgba(106, 171, 138, 0.1);
border-color: rgba(106, 171, 138, 0.55);
}
.home-landing .roles-cloud-tag--size-1 {
font-size: 0.875rem;
padding: 0.45rem 0.95rem;
}
.home-landing .roles-cloud-tag--size-2 {
font-size: 1rem;
padding: 0.52rem 1.1rem;
}
.home-landing .roles-cloud-tag--size-3 {
font-size: 1.125rem;
padding: 0.58rem 1.25rem;
}
.home-landing .roles-cloud-tag--size-4 {
font-size: 1.35rem;
padding: 0.68rem 1.45rem;
}
.home-landing .roles-cloud-wrap {
position: relative;
}
.home-landing .roles-cloud-wrap--collapsible {
display: flex;
flex-direction: column;
align-items: center;
}
.home-landing .roles-cloud-wrap--collapsible .roles-cloud-panel {
width: 100%;
}
.home-landing .roles-cloud-wrap--collapsible:not(.is-expanded) .roles-cloud-panel {
max-height: 9.5rem;
overflow: hidden;
}
@media (min-width: 769px) {
.home-landing .roles-cloud-wrap--collapsible:not(.is-expanded) .roles-cloud-panel {
max-height: 12rem;
}
}
.home-landing .roles-cloud-fade {
display: none;
position: absolute;
left: 0;
right: 0;
bottom: 2.5rem;
height: 4rem;
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), var(--roles-cloud-bg));
pointer-events: none;
}
.home-landing .roles-cloud-wrap--collapsible:not(.is-expanded) .roles-cloud-fade {
display: block;
}
.home-landing .roles-cloud-wrap.is-expanded .roles-cloud-panel {
max-height: none;
overflow: visible;
}
.home-landing .roles-cloud-toggle {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.35rem;
margin: 0.85rem auto 0;
padding: 0.55rem 1.25rem;
border: 1.5px solid rgba(42, 92, 71, 0.18);
border-radius: 999px;
background: var(--bianco);
color: var(--verde);
font-family: inherit;
font-size: 0.875rem;
font-weight: 600;
cursor: pointer;
transition: background 0.2s, border-color 0.2s;
}
.home-landing .roles-cloud-toggle::after {
content: "";
width: 0.45rem;
height: 0.45rem;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg) translateY(-0.12rem);
transition: transform 0.2s;
}
.home-landing .roles-cloud-wrap.is-expanded .roles-cloud-toggle::after {
transform: rotate(-135deg) translateY(0.1rem);
}
.home-landing .roles-cloud-toggle:hover {
background: rgba(42, 92, 71, 0.06);
border-color: rgba(42, 92, 71, 0.32);
}
.home-landing .roles-cloud-foot {
display: flex;
align-items: center;
gap: 2rem;
flex-wrap: wrap;
margin-top: 1rem;
}
.home-landing .roles-cloud-foot p {
font-size: 1rem;
color: var(--grigio);
max-width: 480px;
margin: 0;
}
.home-landing .roles-cloud-cta {
background: var(--verde);
color: var(--avorio);
padding: 0.75rem 1.8rem;
border-radius: 100px;
font-size: 1rem;
font-weight: 500;
text-decoration: none;
white-space: nowrap;
transition: background 0.2s;
flex-shrink: 0;
}
.home-landing .roles-cloud-cta:hover {
background: var(--verde-m);
}
.home-landing .come-funziona {
padding: 7rem var(--home-gutter);
background: var(--verde);
display: grid;
grid-template-columns: 1fr 1fr;
gap: clamp(2.5rem, 5vw, 5rem);
align-items: start;
position: relative;
z-index: 1;
}
.home-landing .cf-left .section-label {
color: var(--verde-l);
}
.home-landing .cf-left .section-label::after {
background: var(--verde-l);
}
.home-landing .cf-left .section-title {
color: var(--avorio);
margin-bottom: 1.5rem;
}
.home-landing .cf-sub {
font-size: 1.125rem;
line-height: 1.75;
color: rgba(243, 244, 246, 0.6);
margin: 0 0 2.5rem;
}
.home-landing .step {
display: flex;
gap: 1.4rem;
padding: 1.7rem 0;
border-bottom: 1px solid rgba(106, 171, 138, 0.14);
}
.home-landing .step:last-child {
border-bottom: none;
}
.home-landing .step-num {
font-family: var(--bw-font-display);
font-size: 2.2rem;
font-weight: 900;
color: var(--verde-l);
opacity: 0.3;
line-height: 1;
flex-shrink: 0;
width: 2.8rem;
}
.home-landing .step-title {
font-family: var(--bw-font-display);
font-size: 1.15rem;
color: var(--avorio);
margin-bottom: 0.35rem;
}
.home-landing .step-text {
font-size: 1rem;
line-height: 1.7;
color: rgba(243, 244, 246, 0.58);
margin: 0;
}
.home-landing .testimonianze {
padding: 7rem var(--home-gutter);
background: var(--bianco);
position: relative;
z-index: 1;
}
.home-landing .testi-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.4rem;
margin-top: 3.5rem;
}
.home-landing .testi-card {
background: var(--carta);
border-radius: 20px;
padding: 2.2rem;
position: relative;
overflow: hidden;
transition: transform 0.25s, box-shadow 0.25s;
}
.home-landing .testi-card:hover {
transform: translateY(-4px);
box-shadow: 0 16px 40px rgba(42, 92, 71, 0.1);
}
.home-landing .testi-card::before {
content: "\201C";
font-family: var(--bw-font-display);
font-size: 7rem;
line-height: 0.8;
color: rgba(42, 92, 71, 0.07);
position: absolute;
top: 1rem;
right: 1.5rem;
}
.home-landing .testi-tag {
font-size: 0.8125rem;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--terracotta);
margin-bottom: 0.9rem;
}
.home-landing .testi-text {
font-size: 1.0625rem;
line-height: 1.75;
color: var(--nero);
font-style: italic;
margin: 0 0 1.4rem;
}
.home-landing .testi-author strong {
display: block;
font-size: 1rem;
font-weight: 500;
color: var(--verde);
}
.home-landing .testi-author span {
font-size: 0.9375rem;
color: var(--grigio);
}
.home-landing .testi-disclaimer {
margin-top: 2rem;
font-size: 0.875rem;
color: var(--grigio);
text-align: center;
}
.home-landing .bw-home-community {
padding: 7rem var(--home-gutter);
background:
radial-gradient(90% 70% at 0% 0%, rgba(106, 171, 138, 0.1), transparent 55%),
radial-gradient(80% 60% at 100% 100%, rgba(184, 114, 98, 0.08), transparent 50%),
var(--carta);
position: relative;
z-index: 1;
}
.home-landing .bw-home-community-lead {
max-width: 640px;
margin: 1rem auto 0;
text-align: center;
font-size: 1.0625rem;
line-height: 1.75;
color: var(--grigio);
}
.home-landing .bw-home-community-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.2rem;
margin-top: 3rem;
}
.home-landing .bw-home-community-card {
background: rgba(255, 255, 255, 0.88);
border: 1px solid rgba(42, 92, 71, 0.1);
border-radius: 18px;
padding: 1.6rem 1.5rem;
box-shadow: 0 10px 28px rgba(26, 26, 24, 0.05);
}
.home-landing .bw-home-community-card h3 {
margin: 0 0 0.55rem;
font-family: var(--bw-font-display);
font-size: 1.15rem;
color: var(--verde);
}
.home-landing .bw-home-community-card p {
margin: 0;
font-size: 0.98rem;
line-height: 1.65;
color: var(--grigio);
}
.home-landing .bw-home-community-actions {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.85rem 1rem;
margin-top: 2.25rem;
}
.home-landing .aziende {
padding: 7rem var(--home-gutter);
background: var(--carta);
display: grid;
grid-template-columns: 5fr 4fr;
gap: clamp(2.5rem, 5vw, 5rem);
align-items: center;
position: relative;
z-index: 1;
}
.home-landing .az-title {
font-family: var(--bw-font-display);
font-size: clamp(2.2rem, 3vw, 3.15rem);
font-weight: 700;
color: var(--verde);
line-height: 1.15;
margin: 0 0 1.4rem;
}
.home-landing .az-title em {
font-style: italic;
color: var(--terracotta);
}
.home-landing .az-text {
font-size: 1.125rem;
line-height: 1.75;
color: var(--grigio);
margin: 0 0 2.2rem;
}
.home-landing .az-founding-callout {
margin: 0 0 1.75rem;
padding: 1.1rem 1.2rem;
border-radius: var(--radius);
border: 1px solid rgba(244, 162, 97, 0.35);
background: linear-gradient(135deg, #f8fafc 0%, #eef0f3 100%);
}
.home-landing .az-founding-badge {
display: inline-flex;
align-items: center;
margin-bottom: 0.55rem;
padding: 0.18rem 0.55rem;
border-radius: 999px;
font-size: 0.68rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #78350f;
background: #fcd34d;
border: 1px solid rgba(245, 158, 11, 0.45);
}
.home-landing .az-founding-callout p {
margin: 0;
font-size: 0.9375rem;
line-height: 1.6;
color: var(--grigio);
}
.home-landing .az-founding-callout strong {
color: var(--terracotta);
font-weight: 600;
}
.home-landing .btn-verde--founding {
background: linear-gradient(135deg, var(--terracotta) 0%, #e07a5f 100%);
}
.home-landing .btn-verde--founding:hover {
background: linear-gradient(135deg, var(--terracotta-l) 0%, var(--terracotta) 100%);
}
.home-landing .az-features {
list-style: none;
display: flex;
flex-direction: column;
gap: 0.7rem;
margin: 0 0 2.2rem;
padding: 0;
}
.home-landing .az-features li {
display: flex;
align-items: center;
gap: 0.7rem;
font-size: 1rem;
color: var(--nero);
}
.home-landing .az-features li::before {
content: "\2713";
width: 20px;
height: 20px;
border-radius: 50%;
background: var(--verde);
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.65rem;
flex-shrink: 0;
}
.home-landing .btn-verde {
background: var(--verde);
color: var(--avorio);
padding: 0.85rem 2rem;
border-radius: 100px;
font-size: 1rem;
font-weight: 500;
text-decoration: none;
transition: background 0.2s;
display: inline-block;
}
.home-landing .btn-verde:hover {
background: var(--verde-m);
}
.home-landing .az-link {
font-size: 1rem;
color: var(--verde);
text-decoration: none;
align-self: center;
border-bottom: 1px solid rgba(42, 92, 71, 0.2);
}
.home-landing .az-link:hover {
border-color: var(--verde-m);
}
.home-landing .az-actions {
display: flex;
gap: 1rem;
flex-wrap: wrap;
align-items: center;
}
.home-landing .az-visual {
background: var(--verde);
border-radius: 22px;
padding: 3rem 2.5rem;
position: relative;
overflow: hidden;
}
.home-landing .az-visual::before {
content: "";
position: absolute;
bottom: -50px;
right: -50px;
width: 220px;
height: 220px;
border-radius: 50%;
background: rgba(106, 171, 138, 0.12);
}
.home-landing .az-stat {
margin-bottom: 1.4rem;
}
.home-landing .az-stat:last-child {
margin-bottom: 0;
}
.home-landing .az-stat-num {
font-family: var(--bw-font-display);
font-size: 2.8rem;
font-weight: 900;
color: var(--avorio);
line-height: 1;
}
.home-landing .az-stat-label {
font-size: 0.9375rem;
color: rgba(243, 244, 246, 0.55);
margin-top: 0.25rem;
}
.home-landing .az-divider {
width: 100%;
height: 1px;
background: rgba(106, 171, 138, 0.18);
margin: 1.1rem 0;
}
.home-landing .cta-finale {
padding: 7rem var(--home-gutter);
background: var(--verde);
text-align: center;
position: relative;
z-index: 1;
}
.home-landing .cta-finale .section-label {
justify-content: center;
color: var(--verde-l);
}
.home-landing .cta-finale .section-label::after {
background: var(--verde-l);
}
.home-landing .cta-finale .section-title {
color: var(--avorio);
margin: 0 auto 1.4rem;
text-align: center;
}
.home-landing .cta-sub {
font-size: 1.2rem;
color: rgba(243, 244, 246, 0.6);
margin: 0 0 2.8rem;
}
.home-landing .cta-actions {
display: flex;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
}
.home-landing .btn-avorio {
background: var(--avorio);
color: var(--verde);
padding: 0.9rem 2.2rem;
border-radius: 100px;
font-size: 1.0625rem;
font-weight: 500;
text-decoration: none;
transition: background 0.2s;
display: inline-block;
}
.home-landing .btn-avorio:hover {
background: var(--carta);
}
.home-landing .btn-outline {
border: 1.5px solid rgba(243, 244, 246, 0.4);
color: var(--avorio);
padding: 0.9rem 2.2rem;
border-radius: 100px;
font-size: 1.0625rem;
text-decoration: none;
transition: border-color 0.2s, background 0.2s;
display: inline-block;
}
.home-landing .btn-outline:hover {
border-color: var(--avorio);
background: rgba(243, 244, 246, 0.06);
}
.home-landing footer.landing-footer {
background: var(--nero);
padding: 4rem clamp(1.25rem, 3vw, 2.75rem) 3rem;
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 3rem;
position: relative;
z-index: 1;
}
.home-landing .footer-accordion {
border: none;
margin: 0;
padding: 0;
min-width: 0;
}
.home-landing .footer-accordion-summary {
list-style: none;
cursor: default;
pointer-events: none;
}
.home-landing .footer-accordion-summary::-webkit-details-marker {
display: none;
}
.home-landing .footer-accordion-summary::marker {
content: "";
}
.home-landing .footer-accordion-summary,
.home-landing .footer-col h4 {
font-size: 0.8125rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(243, 244, 246, 0.88);
margin: 0 0 1.1rem;
font-weight: 700;
}
.home-landing .footer-col-links a,
.home-landing .footer-col a,
.home-landing .footer-col-links button.footer-cc-prefs,
.home-landing .footer-col button.footer-cc-prefs {
display: block;
font-size: 1rem;
color: rgba(243, 244, 246, 0.92);
text-decoration: underline;
text-underline-offset: 0.18em;
margin-bottom: 0.55rem;
transition: color 0.2s;
background: none;
border: none;
padding: 0;
cursor: pointer;
font-family: inherit;
text-align: left;
}
.home-landing .footer-col-links a:hover,
.home-landing .footer-col a:hover,
.home-landing .footer-col-links button.footer-cc-prefs:hover,
.home-landing .footer-col button.footer-cc-prefs:hover {
color: var(--verde-l);
}
.home-landing .footer-founding-note {
margin: 0 0 0.65rem;
padding: 0.55rem 0.65rem;
border-radius: 8px;
font-size: 0.78rem;
line-height: 1.45;
font-weight: 500;
color: #fcd34d;
background: rgba(252, 211, 77, 0.1);
border: 1px solid rgba(252, 211, 77, 0.22);
}
.home-landing .footer-brand .nav-logo {
font-size: 1.7rem;
color: var(--avorio);
margin-bottom: 1rem;
display: block;
}
.home-landing .footer-brand p {
font-size: 0.9375rem;
line-height: 1.7;
color: rgba(243, 244, 246, 0.88);
margin: 0;
}
.home-landing .footer-newsletter {
margin-top: 1.35rem;
max-width: 22rem;
}
.home-landing .footer-newsletter-title {
margin: 0 0 0.55rem;
font-size: 0.8125rem;
letter-spacing: 0.12em;
text-transform: uppercase;
color: rgba(243, 244, 246, 0.88);
font-weight: 700;
}
.home-landing .footer-newsletter-note {
margin: 0;
font-size: 0.8125rem;
line-height: 1.5;
color: rgba(243, 244, 246, 0.88);
}
.home-landing .footer-newsletter-form {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.home-landing .footer-newsletter-form input[type="email"],
.home-landing .footer-newsletter-form select {
width: 100%;
box-sizing: border-box;
border: 1px solid rgba(243, 244, 246, 0.14);
background: rgba(255, 255, 255, 0.06);
color: var(--avorio);
border-radius: 10px;
padding: 0.55rem 0.75rem;
font-size: 0.875rem;
}
.home-landing .footer-newsletter-form select option {
color: #1d1d1b;
}
.home-landing .footer-newsletter-check {
display: flex;
gap: 0.45rem;
align-items: flex-start;
font-size: 0.75rem;
line-height: 1.45;
color: rgba(243, 244, 246, 0.88);
cursor: pointer;
}
.home-landing .footer-newsletter-check a {
color: rgba(243, 244, 246, 0.95);
text-decoration: underline;
text-underline-offset: 0.15em;
}
.home-landing .footer-newsletter-btn {
align-self: flex-start;
border: 0;
border-radius: 999px;
padding: 0.5rem 1rem;
font-size: 0.8125rem;
font-weight: 700;
cursor: pointer;
background: var(--verde-l, #6aab8a);
color: #0f1c16;
}
.home-landing .footer-newsletter-btn:hover {
filter: brightness(1.06);
}
.home-landing .footer-newsletter-hp,
.home-landing .footer-newsletter .visually-hidden {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.home-landing .footer-brand .footer-tree-nation {
margin-top: 1.25rem;
}
.home-landing .footer-bottom {
background: var(--nero);
padding: 1.4rem clamp(1.25rem, 3vw, 2.75rem);
border-top: 1px solid rgba(255, 255, 255, 0.05);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.45rem;
text-align: center;
font-size: 0.875rem;
color: rgba(243, 244, 246, 0.88);
position: relative;
z-index: 1;
}
.home-landing .footer-bottom__row {
margin: 0;
max-width: 52rem;
line-height: 1.5;
}
.home-landing .footer-bottom__ai {
max-width: 44rem;
color: rgba(243, 244, 246, 0.88);
}
.home-landing .footer-bottom a {
color: rgba(243, 244, 246, 0.95);
text-decoration: underline;
text-underline-offset: 0.15em;
}
.home-landing .footer-bottom a:hover {
color: var(--verde-l);
}
.home-landing .fade-up {
opacity: 0;
transform: translateY(26px);
transition: opacity 0.7s ease, transform 0.7s ease;
}
.home-landing .fade-up.visible {
opacity: 1;
transform: translateY(0);
}
.home-landing #iscriviti .fade-up {
opacity: 1;
transform: none;
}
@media (max-width: 1024px) {
.home-landing .hero {
grid-template-columns: minmax(0, 1fr);
justify-content: stretch;
column-gap: 0;
min-height: auto;
padding-bottom: 2.5rem;
padding-inline: var(--home-inset);
}
.home-landing .hero-left {
padding: 4rem 0 1.5rem;
}
.home-landing .hero-right {
padding: 1.5rem 0 2.5rem;
}
.home-landing .signup-box {
max-width: min(480px, 100%);
}
.home-landing .come-funziona {
grid-template-columns: 1fr;
padding: 5rem var(--home-inset);
}
.home-landing .aziende {
grid-template-columns: 1fr;
padding: 5rem var(--home-inset);
}
.home-landing footer.landing-footer {
grid-template-columns: 1fr 1fr;
padding: 3rem clamp(1.25rem, 3vw, 2.75rem) 2rem;
}
.home-landing .footer-brand {
grid-column: 1 / -1;
}
}
@media (max-width: 768px) {
.home-landing nav.landing-nav {
padding: 1rem var(--home-nav-gutter);
flex-wrap: wrap;
}
.home-landing .landing-nav-toggle {
display: block;
}
.home-landing .nav-links {
display: none;
flex-direction: column;
align-items: stretch;
width: 100%;
gap: 0.75rem;
padding: 1rem 0 0.5rem;
border-top: 1px solid rgba(42, 92, 71, 0.1);
margin-top: 0.75rem;
}
.home-landing .nav-links-main {
flex-direction: column;
align-items: stretch;
gap: 0;
}
.home-landing .nav-auth-cluster {
flex-direction: column;
align-items: stretch;
gap: 0.65rem;
padding-top: 0.35rem;
margin-left: 0;
padding-left: 0;
border-left: none;
}
.home-landing .nav-lang-dropdown {
align-self: flex-start;
}
.home-landing .nav-lang-trigger {
width: 100%;
justify-content: space-between;
}
.home-landing .landing-nav.is-nav-open .nav-links {
display: flex;
}
.home-landing .nav-links a {
padding: 0.35rem 0;
}
.home-landing .nav-dropdown-trigger {
width: 100%;
justify-content: space-between;
}
.home-landing .nav-dropdown-panel {
position: static;
opacity: 1;
visibility: visible;
transform: none;
box-shadow: none;
border: 1px solid rgba(42, 92, 71, 0.1);
margin-top: 0.35rem;
display: none;
}
.home-landing .nav-dropdown.is-open .nav-dropdown-panel {
display: block;
}
.home-landing .nav-cta {
text-align: center;
justify-content: center;
}
.home-landing .valori {
padding: 5rem var(--home-inset);
}
.home-landing .bw-home-purpose {
padding: 5rem var(--home-inset);
}
.home-landing .bw-home-purpose-grid {
grid-template-columns: 1fr;
}
.home-landing .bw-home-purpose-actions .btn-terra {
width: 100%;
text-align: center;
box-sizing: border-box;
}
.home-landing .valori-grid {
grid-template-columns: 1fr 1fr;
}
.home-landing .roles-cloud-section {
padding: 5rem var(--home-inset);
}
.home-landing .roles-cloud-intro {
margin-bottom: 1.5rem;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.home-landing .roles-cloud-legend {
margin-bottom: 1.5rem;
}
.home-landing .roles-cloud-wrap--collapsible:not(.is-expanded) .roles-cloud-panel {
max-height: 8.5rem;
}
.home-landing .testimonianze {
padding: 5rem var(--home-inset);
}
.home-landing .testi-grid {
grid-template-columns: 1fr;
}
.home-landing .bw-home-community {
padding: 5rem var(--home-inset);
}
.home-landing .bw-home-community-grid {
grid-template-columns: 1fr;
}
.home-landing .cta-finale {
padding: 5rem var(--home-inset);
}
.home-landing .claim-bar {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.55rem;
padding: 1.1rem var(--home-inset);
align-items: stretch;
}
.home-landing .claim-bar .claim-sep {
display: none;
}
.home-landing .claim-bar span:not(.claim-sep) {
white-space: normal;
font-size: 0.88rem;
line-height: 1.35;
text-align: center;
padding: 0.55rem 0.45rem;
background: rgba(42, 92, 71, 0.07);
border-radius: 10px;
}
.home-landing .claim-bar span:not(.claim-sep):last-child:nth-child(odd) {
grid-column: 1 / -1;
}
.home-landing .hero-left {
padding: 3rem 0 1rem;
}
.home-landing .hero-pills {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.5rem;
margin-bottom: 1.35rem;
}
.home-landing .hero-pill {
text-align: center;
font-size: 0.78rem;
padding: 0.45rem 0.65rem;
}
.home-landing .hero-pill:last-child:nth-child(odd) {
grid-column: 1 / -1;
}
.home-landing .hero-links {
flex-direction: column;
align-items: stretch;
gap: 0.65rem;
}
.home-landing .hero-links .btn-terra,
.home-landing .hero-links .btn-ghost-sm {
width: 100%;
text-align: center;
box-sizing: border-box;
}
.home-landing .come-funziona .cf-left .btn-terra,
.home-landing .bw-home-community-actions .btn-terra,
.home-landing .bw-home-community-actions .btn-ghost-sm,
.home-landing .cta-actions .btn-avorio,
.home-landing .cta-actions .btn-outline {
width: 100%;
text-align: center;
box-sizing: border-box;
}
.home-landing .bw-home-community-actions,
.home-landing .cta-actions {
flex-direction: column;
align-items: stretch;
gap: 0.65rem;
}
.home-landing .az-actions {
flex-direction: column;
align-items: stretch;
gap: 0.65rem;
}
.home-landing .az-actions .btn-verde,
.home-landing .az-actions .az-link {
display: block;
width: 100%;
text-align: center;
box-sizing: border-box;
}
.home-landing footer.landing-footer {
grid-template-columns: 1fr;
gap: 0;
padding: 2rem clamp(1.25rem, 4vw, 1.5rem) 1.25rem;
}
.home-landing .footer-brand {
margin-bottom: 0.35rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.home-landing .footer-accordion {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.home-landing .footer-accordion-summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
padding: 0.95rem 0;
margin: 0;
cursor: pointer;
pointer-events: auto;
color: rgba(243, 244, 246, 0.92);
font-size: 0.78rem;
}
.home-landing .footer-accordion-summary::after {
content: "+";
font-size: 1.1rem;
line-height: 1;
color: rgba(243, 244, 246, 0.92);
transition: transform 0.2s ease;
}
.home-landing .footer-accordion[open] .footer-accordion-summary::after {
content: "−";
}
.home-landing .footer-col-links {
padding: 0 0 0.85rem;
}
.home-landing .footer-col-links a,
.home-landing .footer-col-links button.footer-cc-prefs {
padding: 0.35rem 0;
margin-bottom: 0.35rem;
}
.home-landing .footer-bottom {
padding: 1.2rem clamp(1.25rem, 4vw, 1.5rem);
gap: 0.4rem;
}
}
@media (max-width: 540px) {
.home-landing .valori-grid {
grid-template-columns: 1fr;
}
.home-landing .form-row {
grid-template-columns: 1fr;
}
.home-landing .hero-h1 {
font-size: clamp(2.15rem, 9vw, 2.85rem);
}
.home-landing .hero-sub {
font-size: 1.05rem;
margin-bottom: 1.5rem;
}
.home-landing .claim-bar {
grid-template-columns: 1fr;
}
.home-landing .claim-bar span:not(.claim-sep):last-child:nth-child(odd) {
grid-column: auto;
}
}
.home-landing.auth-page {
min-height: 100vh;
}
.home-landing .auth-hero {
min-height: clamp(640px, 92vh, 920px);
background: var(--verde);
display: grid;
grid-template-columns: repeat(2, minmax(0, calc((var(--home-content-max) - var(--home-hero-gap)) / 2)));
justify-content: center;
column-gap: var(--home-hero-gap);
align-items: stretch;
position: relative;
overflow: hidden;
padding: 4.5rem max(var(--home-gutter), clamp(2rem, 5vw, 4rem)) 3.5rem;
box-sizing: border-box;
}
.home-landing .auth-hero::after {
content: "";
position: absolute;
width: 520px;
height: 520px;
border-radius: 50%;
border: 1px solid rgba(106, 171, 138, 0.14);
right: -120px;
top: -120px;
pointer-events: none;
}
.home-landing .auth-hero-left {
padding: 4rem 0 3rem;
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: center;
min-width: 0;
}
.home-landing .auth-hero-right {
padding: 4rem 0 3rem;
position: relative;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
min-width: 0;
}
.home-landing .auth-box {
background: rgba(248, 250, 252, 0.06);
border: 1px solid rgba(106, 171, 138, 0.22);
border-radius: 22px;
padding: 2.4rem 2.6rem;
width: 100%;
max-width: min(440px, 100%);
margin-inline: auto;
backdrop-filter: blur(12px);
}
.home-landing .auth-box-title {
font-family: var(--bw-font-display);
font-size: 1.6rem;
font-weight: 700;
color: var(--avorio);
margin: 0 0 0.35rem;
}
.home-landing .auth-box-sub {
font-size: 0.9375rem;
color: rgba(243, 244, 246, 0.55);
margin: 0 0 1.6rem;
line-height: 1.5;
}
.home-landing .auth-box-sub a {
color: var(--verde-l);
text-decoration: none;
}
.home-landing .auth-box-sub a:hover {
text-decoration: underline;
}
.home-landing .auth-field {
display: flex;
flex-direction: column;
gap: 0.35rem;
margin-bottom: 0.75rem;
}
.home-landing .auth-field label {
font-size: 0.8125rem;
font-weight: 500;
letter-spacing: 0.04em;
color: rgba(243, 244, 246, 0.6);
text-transform: uppercase;
}
.home-landing .auth-field input {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(106, 171, 138, 0.2);
border-radius: 10px;
padding: 0.7rem 0.95rem;
font-size: 1rem;
font-family: inherit;
color: var(--avorio);
transition: border-color 0.2s, background 0.2s;
width: 100%;
}
.home-landing .auth-field input::placeholder {
color: rgba(243, 244, 246, 0.28);
}
.home-landing .auth-field input:focus:not(:focus-visible) {
border-color: var(--verde-l);
background: rgba(255, 255, 255, 0.11);
}
.home-landing .auth-hint {
margin-top: 0.45rem;
padding: 0.45rem 0.6rem;
font-size: 0.9375rem;
line-height: 1.45;
color: rgba(243, 244, 246, 0.78);
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(106, 171, 138, 0.15);
border-radius: 10px;
}
.home-landing .auth-hint a {
color: #b8e6cc;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}
.home-landing .auth-hint a:hover {
color: #d4f5e4;
}
.home-landing .auth-info {
background: rgba(106, 171, 138, 0.12);
border: 1px solid rgba(106, 171, 138, 0.25);
color: rgba(243, 244, 246, 0.75);
padding: 0.85rem 1rem;
border-radius: 12px;
margin-bottom: 1.15rem;
font-size: 0.9375rem;
line-height: 1.55;
}
.home-landing .auth-info a {
color: var(--verde-l);
text-decoration: none;
}
.home-landing .auth-info a:hover {
text-decoration: underline;
}
.home-landing .auth-alert {
background: rgba(92, 28, 28, 0.92);
border: 1px solid rgba(255, 210, 200, 0.55);
color: #fff8f6;
padding: 0.85rem 1rem;
border-radius: 12px;
margin-bottom: 1rem;
font-size: 0.9375rem;
line-height: 1.5;
font-weight: 500;
}
.home-landing .auth-remember {
display: flex;
gap: 0.6rem;
align-items: flex-start;
margin: 0.5rem 0 1rem;
cursor: pointer;
}
.home-landing .auth-remember input[type="checkbox"] {
margin-top: 0.2rem;
flex-shrink: 0;
accent-color: var(--verde-l);
}
.home-landing .auth-remember span {
font-size: 0.9375rem;
line-height: 1.55;
color: rgba(243, 244, 246, 0.5);
}
.home-landing .auth-submit {
width: 100%;
padding: 0.85rem;
background: var(--terracotta);
color: #fff;
border: none;
border-radius: 12px;
font-size: 1.0625rem;
font-weight: 500;
font-family: inherit;
cursor: pointer;
transition: background 0.2s, transform 0.15s;
}
.home-landing .auth-submit:hover {
background: var(--terracotta-l);
transform: translateY(-1px);
}
.home-landing .auth-alt {
text-align: center;
margin-top: 0.9rem;
font-size: 0.875rem;
color: rgba(243, 244, 246, 0.4);
}
.home-landing .auth-alt a,
.home-landing .auth-alt button.auth-link-btn {
color: var(--verde-l);
text-decoration: none;
background: none;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
}
.home-landing .auth-alt a:hover,
.home-landing .auth-alt button.auth-link-btn:hover {
text-decoration: underline;
}
.home-landing .auth-foot {
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid rgba(106, 171, 138, 0.14);
text-align: center;
font-size: 0.875rem;
color: rgba(243, 244, 246, 0.35);
}
.home-landing .auth-foot a,
.home-landing .auth-foot button.auth-link-btn {
color: rgba(243, 244, 246, 0.55);
text-decoration: none;
background: none;
border: none;
padding: 0;
font: inherit;
cursor: pointer;
}
.home-landing .auth-foot a:hover,
.home-landing .auth-foot button.auth-link-btn:hover {
color: var(--verde-l);
}
.home-landing .auth-foot .sep {
margin: 0 0.35rem;
opacity: 0.5;
}
.home-landing .nav-links a.nav-auth.is-active {
color: var(--verde-m);
font-weight: 500;
}
@media (max-width: 1024px) {
.home-landing .auth-hero {
grid-template-columns: minmax(0, 1fr);
justify-content: stretch;
column-gap: 0;
min-height: auto;
padding-inline: var(--home-inset);
}
.home-landing .auth-hero-left {
padding: 4rem 0 1.5rem;
}
.home-landing .auth-hero-right {
padding: 1.5rem 0 2.5rem;
}
.home-landing .auth-box {
max-width: min(480px, 100%);
}
}
.home-landing .cta {
padding: 5rem 1.5rem;
background: var(--verde);
text-align: center;
position: relative;
z-index: 1;
}
.home-landing .cta h2 {
font-family: var(--bw-font-display);
font-size: clamp(1.75rem, 3vw, 2.5rem);
font-weight: 700;
color: var(--avorio);
margin: 0 0 1rem;
line-height: 1.15;
}
.home-landing .cta p {
font-size: 1.05rem;
color: rgba(243, 244, 246, 0.6);
margin: 0 auto 2rem;
max-width: 36rem;
line-height: 1.65;
}
.home-landing .cta-buttons {
display: flex;
gap: 1rem;
justify-content: center;
flex-wrap: wrap;
}
.home-landing .cta-btn {
padding: 0.9rem 2rem;
border-radius: 100px;
font-size: 0.95rem;
font-weight: 500;
text-decoration: none;
display: inline-block;
transition: background 0.2s, border-color 0.2s;
}
.home-landing .cta-btn.primary {
background: var(--avorio);
color: var(--verde);
}
.home-landing .cta-btn.primary:hover {
background: var(--carta);
}
.home-landing .cta-btn.secondary {
border: 1.5px solid rgba(243, 244, 246, 0.4);
color: var(--avorio);
}
.home-landing .cta-btn.secondary:hover {
border-color: var(--avorio);
background: rgba(243, 244, 246, 0.06);
}
.home-landing .footer {
background: var(--nero);
padding: 3rem 5rem 2.5rem;
position: relative;
z-index: 1;
}
.home-landing .footer-content {
max-width: 1120px;
margin: 0 auto;
text-align: center;
}
.home-landing .footer-content > p {
font-size: 0.84rem;
line-height: 1.7;
color: rgba(243, 244, 246, 0.4);
margin: 0 0 0.5rem;
}
.home-landing .footer-legal {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.5rem 1rem;
margin: 1.25rem 0;
}
.home-landing .footer-legal a,
.home-landing .footer-legal .footer-cc-prefs {
font-size: 0.875rem;
color: rgba(243, 244, 246, 0.55);
text-decoration: none;
background: none;
border: none;
padding: 0;
cursor: pointer;
font-family: inherit;
}
.home-landing .footer-legal a:hover,
.home-landing .footer-legal .footer-cc-prefs:hover {
color: var(--verde-l);
}
.home-landing .footer-company {
font-size: 0.78rem;
color: rgba(243, 244, 246, 0.28);
}
.home-landing .footer-company a {
color: rgba(243, 244, 246, 0.45);
text-decoration: none;
}
.home-landing .footer-company a:hover {
color: var(--verde-l);
}
.home-landing .footer-sep {
margin: 0 0.35rem;
opacity: 0.5;
}
@media (max-width: 768px) {
.home-landing .footer {
padding: 2.5rem 1.5rem 2rem;
}
}
body.home-landing:not(.candidate-area) {
--jr-font: "Plus Jakarta Sans", "DM Sans", system-ui, sans-serif;
--jr-ink: #0f172a;
--jr-ink-soft: #475569;
--jr-surface: #ffffff;
--jr-muted: #f8fafc;
--jr-line: rgba(15, 23, 42, 0.08);
--jr-accent: var(--verde);
--jr-accent-soft: rgba(42, 92, 71, 0.08);
--jr-radius: 20px;
--jr-radius-sm: 14px;
--jr-shadow: 0 8px 30px rgba(15, 23, 42, 0.06);
--jr-shadow-lg: 0 20px 50px rgba(15, 23, 42, 0.1);
--jr-ease: cubic-bezier(0.22, 1, 0.36, 1);
font-family: var(--jr-font);
background: var(--jr-surface);
color: var(--jr-ink);
}
body.home-landing:not(.candidate-area)::before {
display: none;
}
body.home-landing:not(.candidate-area) nav.landing-nav {
background: rgba(255, 255, 255, 0.92);
border-bottom: 1px solid var(--jr-line);
box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
}
body.home-landing:not(.candidate-area) .nav-logo {
font-family: var(--jr-font);
font-weight: 800;
letter-spacing: -0.03em;
}
body.home-landing:not(.candidate-area) .nav-links a {
font-weight: 500;
color: var(--jr-ink-soft);
}
body.home-landing:not(.candidate-area) .nav-links-main {
color: var(--jr-ink-soft);
}
body.home-landing:not(.candidate-area) .nav-cta {
font-weight: 700 !important;
box-shadow: 0 4px 14px rgba(42, 92, 71, 0.22);
}
@media (min-width: 769px) {
body.home-landing:not(.candidate-area) nav.landing-nav {
--home-nav-inner-max: min(1680px, calc(100vw - (2 * var(--home-nav-gutter, clamp(1.75rem, 5vw, 3.5rem)))));
justify-content: center;
gap: clamp(0.65rem, 1.2vw, 1.5rem);
padding-left: max(var(--home-nav-gutter, clamp(1.75rem, 5vw, 3.5rem)), calc((100vw - var(--home-nav-inner-max)) / 2));
padding-right: max(var(--home-nav-gutter, clamp(1.75rem, 5vw, 3.5rem)), calc((100vw - var(--home-nav-inner-max)) / 2));
}
body.home-landing:not(.candidate-area) nav.landing-nav .nav-logo {
flex: 0 0 auto;
font-size: 1.4rem;
margin-right: clamp(0.25rem, 0.6vw, 0.75rem);
}
body.home-landing:not(.candidate-area) nav.landing-nav .nav-links {
flex: 1 1 auto;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
gap: clamp(0.45rem, 0.9vw, 1rem);
min-width: 0;
}
body.home-landing:not(.candidate-area) nav.landing-nav .nav-links-main {
display: flex;
flex-wrap: nowrap;
flex: 1 1 auto;
flex-shrink: 1;
min-width: 0;
align-items: center;
justify-content: flex-end;
gap: clamp(0.45rem, 0.75vw, 1rem);
}
body.home-landing:not(.candidate-area) nav.landing-nav .nav-links-main a,
body.home-landing:not(.candidate-area) nav.landing-nav .nav-links-main .nav-dropdown-trigger--main,
body.home-landing:not(.candidate-area) nav.landing-nav .nav-auth-cluster a,
body.home-landing:not(.candidate-area) nav.landing-nav .nav-dropdown-trigger:not(.nav-dropdown-trigger--main),
body.home-landing:not(.candidate-area) nav.landing-nav .nav-cta {
white-space: nowrap;
flex-shrink: 0;
font-size: 0.9375rem;
}
body.home-landing:not(.candidate-area) nav.landing-nav .nav-auth-cluster {
flex: 0 0 auto;
flex-shrink: 0;
flex-wrap: nowrap;
gap: 0.45rem;
margin-left: clamp(0.35rem, 0.6vw, 0.65rem);
padding-left: clamp(0.55rem, 0.8vw, 0.85rem);
}
body.home-landing:not(.candidate-area) nav.landing-nav .nav-cta--company {
padding: 0.38rem 0.72rem;
font-size: 0.9375rem !important;
}
body.home-landing:not(.candidate-area) nav.landing-nav .nav-cta:not(.nav-cta--company) {
padding: 0.42rem 0.82rem;
font-size: 0.9375rem !important;
}
body.home-landing:not(.candidate-area) nav.landing-nav .nav-dropdown-trigger:not(.nav-dropdown-trigger--main) {
padding: 0.38rem 0.72rem;
font-size: 0.9375rem;
}
body.home-landing:not(.candidate-area) nav.landing-nav.landing-nav--with-lang .nav-links {
flex: 1 1 auto;
min-width: 0;
justify-content: flex-end;
}
body.home-landing:not(.candidate-area) nav.landing-nav.landing-nav--with-lang .nav-links-main {
flex: 1 1 auto;
flex-shrink: 1;
min-width: 0;
}
}
@media (min-width: 769px) and (max-width: 1280px) {
body.home-landing:not(.candidate-area) nav.landing-nav .nav-links-main a,
body.home-landing:not(.candidate-area) nav.landing-nav .nav-links-main .nav-dropdown-trigger--main,
body.home-landing:not(.candidate-area) nav.landing-nav .nav-auth-cluster a,
body.home-landing:not(.candidate-area) nav.landing-nav .nav-dropdown-trigger:not(.nav-dropdown-trigger--main) {
font-size: 0.875rem;
}
}
body.home-landing:not(.candidate-area) .jr-hero {
position: relative;
padding: calc(var(--home-nav-height) + 2.5rem) var(--home-gutter) clamp(3rem, 6vw, 4.5rem);
background: linear-gradient(180deg, #f8faf9 0%, #ffffff 55%, #f5f8f6 100%);
overflow: hidden;
isolation: isolate;
}
body.home-landing:not(.candidate-area) .jr-hero--with-photo .jr-hero-photo {
position: absolute;
inset: 0;
z-index: 0;
background-image: var(--jr-hero-photo);
background-size: cover;
background-position: 72% center;
background-repeat: no-repeat;
opacity: 0.34;
transform: scale(1.02);
pointer-events: none;
}
body.home-landing:not(.candidate-area) .jr-hero--with-photo .jr-hero-photo::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(105deg, rgba(248, 250, 249, 0.94) 0%, rgba(255, 255, 255, 0.82) 42%, rgba(255, 255, 255, 0.45) 68%, rgba(248, 250, 249, 0.2) 100%),
radial-gradient(90% 80% at 12% 40%, rgba(248, 250, 249, 0.88), transparent 58%);
pointer-events: none;
}
body.home-landing:not(.candidate-area) .jr-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M0 48h48V0' fill='none' stroke='%232a5c4706' stroke-width='1'/%3E%3C/svg%3E");
opacity: 0.35;
pointer-events: none;
}
body.home-landing:not(.candidate-area) .jr-hero-inner {
position: relative;
z-index: 2;
max-width: var(--home-content-max);
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
gap: clamp(2rem, 4vw, 3.5rem);
align-items: center;
}
body.home-landing:not(.candidate-area) .jr-hero--with-photo .jr-signup-box {
background: rgba(255, 255, 255, 0.98);
backdrop-filter: blur(10px);
border-color: rgba(42, 92, 71, 0.14);
box-shadow:
0 1px 2px rgba(42, 92, 71, 0.06),
0 20px 48px rgba(42, 92, 71, 0.12);
}
body.home-landing:not(.candidate-area) .jr-audience {
display: inline-flex;
flex-wrap: wrap;
gap: 0.5rem;
padding: 0.35rem;
background: rgba(255, 255, 255, 0.85);
border: 1px solid var(--jr-line);
border-radius: 999px;
margin-bottom: 1.35rem;
box-shadow: var(--jr-shadow);
}
body.home-landing:not(.candidate-area) .jr-audience-pill {
display: inline-flex;
align-items: center;
gap: 0.45rem;
padding: 0.55rem 1rem;
border-radius: 999px;
font-size: 0.875rem;
font-weight: 700;
text-decoration: none;
color: var(--jr-ink-soft);
transition: background 0.2s var(--jr-ease), color 0.2s var(--jr-ease), box-shadow 0.2s var(--jr-ease);
}
body.home-landing:not(.candidate-area) .jr-audience-pill.is-active {
background: var(--verde);
color: #fff;
box-shadow: 0 6px 18px rgba(42, 92, 71, 0.25);
}
body.home-landing:not(.candidate-area) .jr-audience-pill:not(.is-active):hover {
background: var(--jr-accent-soft);
color: var(--verde);
}
body.home-landing:not(.candidate-area) .jr-hero-eyebrow {
display: inline-flex;
align-items: center;
gap: 0.4rem;
padding: 0.38rem 0.8rem;
border-radius: 999px;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--verde-m);
background: rgba(106, 171, 138, 0.12);
border: 1px solid rgba(42, 92, 71, 0.12);
margin-bottom: 1rem;
}
body.home-landing:not(.candidate-area) .jr-hero-h1 {
font-family: var(--jr-font);
font-size: clamp(2.2rem, 4.8vw, 3.65rem);
font-weight: 800;
line-height: 1.08;
letter-spacing: -0.03em;
color: var(--jr-ink);
margin: 0 0 1.1rem;
}
body.home-landing:not(.candidate-area) .jr-hero-h1 em {
font-style: normal;
background: linear-gradient(120deg, var(--verde-m), var(--verde-l));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
body.home-landing:not(.candidate-area) .jr-hero-sub {
font-size: clamp(1.02rem, 1.5vw, 1.15rem);
line-height: 1.7;
color: var(--jr-ink-soft);
max-width: 34rem;
margin: 0 0 1.6rem;
}
body.home-landing:not(.candidate-area) .jr-hero-pills {
display: flex;
flex-wrap: wrap;
gap: 0.55rem;
margin-bottom: 1.75rem;
}
body.home-landing:not(.candidate-area) .jr-hero-pill {
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.02em;
color: var(--verde-m);
background: #fff;
border: 1px solid rgba(42, 92, 71, 0.14);
padding: 0.42rem 0.85rem;
border-radius: 999px;
}
body.home-landing:not(.candidate-area) .jr-hero-cta {
display: flex;
flex-wrap: wrap;
gap: 0.75rem;
align-items: center;
}
body.home-landing:not(.candidate-area) .jr-btn-primary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.82rem 1.6rem;
border-radius: 999px;
font-size: 0.95rem;
font-weight: 700;
text-decoration: none;
color: #fff;
background: linear-gradient(135deg, var(--verde) 0%, var(--verde-m) 100%);
box-shadow: 0 8px 22px rgba(42, 92, 71, 0.28);
transition: transform 0.2s var(--jr-ease), box-shadow 0.2s var(--jr-ease);
}
body.home-landing:not(.candidate-area) .jr-btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 12px 28px rgba(42, 92, 71, 0.32);
}
body.home-landing:not(.candidate-area) .jr-btn-ghost {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.82rem 1.45rem;
border-radius: 999px;
font-size: 0.95rem;
font-weight: 600;
text-decoration: none;
color: var(--jr-ink);
background: #fff;
border: 1px solid var(--jr-line);
transition: border-color 0.2s var(--jr-ease), transform 0.2s var(--jr-ease);
}
body.home-landing:not(.candidate-area) .jr-btn-ghost:hover {
border-color: rgba(42, 92, 71, 0.35);
transform: translateY(-1px);
}
body.home-landing:not(.candidate-area) .jr-hero-trust {
display: flex;
flex-wrap: wrap;
gap: 0.65rem 1.25rem;
margin: 1.35rem 0 0;
padding: 0;
list-style: none;
}
body.home-landing:not(.candidate-area) .jr-hero-trust li {
display: inline-flex;
align-items: center;
gap: 0.45rem;
font-size: 0.82rem;
font-weight: 600;
color: var(--jr-ink-soft);
}
body.home-landing:not(.candidate-area) .jr-hero-trust li::before {
content: "";
width: 1.15rem;
height: 1.15rem;
flex-shrink: 0;
border-radius: 50%;
background: rgba(106, 171, 138, 0.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a5c47' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / 0.7rem no-repeat;
}
body.home-landing:not(.candidate-area) .jr-hero-form {
min-width: 0;
}
body.home-landing:not(.candidate-area) .jr-signup-box {
position: relative;
background: #fff;
border: 1px solid rgba(42, 92, 71, 0.12);
border-radius: var(--jr-radius);
padding: clamp(1.5rem, 3vw, 2rem);
box-shadow:
0 1px 2px rgba(42, 92, 71, 0.05),
0 16px 40px rgba(42, 92, 71, 0.1);
overflow: hidden;
}
body.home-landing:not(.candidate-area) .jr-signup-head {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 0.75rem;
margin-bottom: 0.85rem;
}
body.home-landing:not(.candidate-area) .jr-signup-badge {
display: inline-flex;
align-items: center;
padding: 0.32rem 0.72rem;
border-radius: 999px;
font-size: 0.68rem;
font-weight: 800;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--verde);
background: rgba(106, 171, 138, 0.12);
border: 1px solid rgba(42, 92, 71, 0.14);
}
body.home-landing:not(.candidate-area) .jr-signup-secure {
display: inline-flex;
align-items: center;
gap: 0.35rem;
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #94a3b8;
}
body.home-landing:not(.candidate-area) .jr-signup-secure svg {
width: 0.95rem;
height: 0.95rem;
}
body.home-landing:not(.candidate-area) .jr-signup-box .signup-box-title {
font-family: var(--jr-font);
font-size: 1.35rem;
font-weight: 800;
color: var(--jr-ink);
letter-spacing: -0.02em;
}
body.home-landing:not(.candidate-area) .jr-signup-box .signup-box-sub {
color: var(--jr-ink-soft);
font-size: 0.92rem;
}
body.home-landing:not(.candidate-area) .jr-signup-box .form-field label {
color: var(--jr-ink-soft);
text-transform: none;
letter-spacing: 0.02em;
font-size: 0.78rem;
font-weight: 600;
}
body.home-landing:not(.candidate-area) .jr-signup-box .form-field input,
body.home-landing:not(.candidate-area) .jr-signup-box .form-field select {
background: var(--jr-muted);
border: 1px solid var(--jr-line);
color: var(--jr-ink);
border-radius: 12px;
}
body.home-landing:not(.candidate-area) .jr-signup-box .form-field input::placeholder {
color: #94a3b8;
}
body.home-landing:not(.candidate-area) .jr-signup-box .form-field input:focus:not(:focus-visible),
body.home-landing:not(.candidate-area) .jr-signup-box .form-field select:focus:not(:focus-visible) {
border-color: rgba(42, 92, 71, 0.45);
background: #fff;
}
body.home-landing:not(.candidate-area) .jr-signup-box .signup-privacy span {
color: var(--jr-ink-soft);
font-size: 0.82rem;
}
body.home-landing:not(.candidate-area) .jr-signup-box .signup-privacy a {
color: var(--verde);
}
body.home-landing:not(.candidate-area) .jr-signup-box .signup-submit {
border-radius: 12px;
font-weight: 700;
}
body.home-landing:not(.candidate-area) .jr-signup-box .signup-alt {
color: #94a3b8;
}
body.home-landing:not(.candidate-area) .jr-signup-box .signup-alt a {
color: var(--verde);
font-weight: 600;
}
body.home-landing:not(.candidate-area) .jr-signup-box.signup-box--logged {
text-align: center;
}
body.home-landing:not(.candidate-area) .jr-signup-box.signup-box--logged .btn-terra {
width: 100%;
text-align: center;
}
body.home-landing:not(.candidate-area) .hero {
display: none;
}
body.home-landing:not(.candidate-area) .jr-stats {
position: relative;
z-index: 2;
padding: 0 var(--home-gutter) clamp(2.5rem, 5vw, 3.5rem);
margin-top: clamp(-2rem, -3vw, -1.25rem);
background: transparent;
}
body.home-landing:not(.candidate-area) .jr-stats-inner {
max-width: var(--home-content-max);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
padding: clamp(1.15rem, 2.5vw, 1.5rem);
background: #fff;
border: 1px solid var(--jr-line);
border-radius: var(--jr-radius);
box-shadow: var(--jr-shadow-lg);
}
body.home-landing:not(.candidate-area) .jr-stat {
position: relative;
text-align: center;
padding: 1.35rem 1rem 1.25rem;
background: var(--jr-muted);
border: 1px solid var(--jr-line);
border-radius: var(--jr-radius-sm);
transition: transform 0.22s var(--jr-ease), box-shadow 0.22s var(--jr-ease);
}
body.home-landing:not(.candidate-area) .jr-stat:hover {
transform: translateY(-2px);
box-shadow: var(--jr-shadow);
}
body.home-landing:not(.candidate-area) .jr-stat-icon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.5rem;
height: 2.5rem;
margin: 0 auto 0.75rem;
border-radius: 12px;
background: #fff;
border: 1px solid var(--jr-line);
color: var(--jr-ink-soft);
}
body.home-landing:not(.candidate-area) .jr-stat-icon svg {
width: 1.25rem;
height: 1.25rem;
}
body.home-landing:not(.candidate-area) .jr-stat-num {
display: block;
font-size: clamp(1.85rem, 3vw, 2.5rem);
font-weight: 800;
letter-spacing: -0.03em;
color: var(--jr-ink);
line-height: 1;
margin-bottom: 0.45rem;
font-variant-numeric: tabular-nums;
}
body.home-landing:not(.candidate-area) .jr-stat-label {
font-size: 0.88rem;
font-weight: 600;
color: var(--jr-ink-soft);
line-height: 1.4;
}
body.home-landing:not(.candidate-area) .claim-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
gap: 0.85rem 1.75rem;
padding: 1rem var(--home-gutter);
background: linear-gradient(90deg, rgba(42, 92, 71, 0.04) 0%, rgba(106, 171, 138, 0.1) 50%, rgba(42, 92, 71, 0.04) 100%);
border-block: 1px solid var(--jr-line);
overflow: hidden;
}
body.home-landing:not(.candidate-area) .claim-bar span:not(.claim-sep) {
display: inline-flex;
align-items: center;
gap: 0.45rem;
font-family: var(--jr-font);
font-style: normal;
font-size: 0.88rem;
font-weight: 700;
color: var(--jr-ink-soft);
white-space: nowrap;
}
body.home-landing:not(.candidate-area) .claim-bar span:not(.claim-sep)::before {
content: "◆";
font-size: 0.45rem;
color: var(--verde-l);
}
body.home-landing:not(.candidate-area) .claim-sep {
display: none;
}
body.home-landing:not(.candidate-area) .jr-features {
padding: clamp(3.5rem, 7vw, 5.5rem) var(--home-gutter);
background: var(--jr-muted);
border-bottom: 1px solid var(--jr-line);
}
body.home-landing:not(.candidate-area) .jr-section-head {
max-width: 46rem;
margin: 0 auto 2.75rem;
text-align: center;
}
body.home-landing:not(.candidate-area) .jr-kicker {
display: inline-flex;
align-items: center;
padding: 0.38rem 0.85rem;
border-radius: 999px;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--verde-m);
margin-bottom: 0.85rem;
background: rgba(106, 171, 138, 0.1);
border: 1px solid rgba(42, 92, 71, 0.1);
}
body.home-landing:not(.candidate-area) .jr-section-title {
font-family: var(--jr-font);
font-size: clamp(1.75rem, 3.5vw, 2.5rem);
font-weight: 800;
letter-spacing: -0.03em;
line-height: 1.12;
color: var(--jr-ink);
margin: 0 0 0.85rem;
}
body.home-landing:not(.candidate-area) .jr-section-title em {
font-style: normal;
color: var(--verde);
}
body.home-landing:not(.candidate-area) .jr-section-lead {
margin: 0;
font-size: 1.05rem;
line-height: 1.65;
color: var(--jr-ink-soft);
}
body.home-landing:not(.candidate-area) .jr-features-grid {
max-width: var(--home-content-max);
margin: 0 auto;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.35rem;
align-items: stretch;
}
body.home-landing:not(.candidate-area) .jr-feature-card {
position: relative;
display: flex;
flex-direction: column;
background: #fff;
border: 1px solid var(--jr-line);
border-radius: var(--jr-radius);
padding: 1.75rem 1.55rem 1.65rem;
box-shadow: var(--jr-shadow);
transition: transform 0.22s var(--jr-ease), box-shadow 0.22s var(--jr-ease), border-color 0.22s var(--jr-ease);
}
body.home-landing:not(.candidate-area) .jr-feature-card:hover {
transform: translateY(-3px);
box-shadow: var(--jr-shadow-lg);
border-color: rgba(42, 92, 71, 0.16);
}
body.home-landing:not(.candidate-area) .jr-feature-top {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 0.75rem;
margin-bottom: 1rem;
}
body.home-landing:not(.candidate-area) .jr-feature-num {
font-size: 2.5rem;
font-weight: 800;
line-height: 1;
letter-spacing: -0.04em;
color: rgba(42, 92, 71, 0.1);
}
body.home-landing:not(.candidate-area) .jr-feature-icon {
width: 3rem;
height: 3rem;
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background: var(--jr-muted);
border: 1px solid var(--jr-line);
color: var(--verde);
}
body.home-landing:not(.candidate-area) .jr-feature-icon svg {
width: 1.4rem;
height: 1.4rem;
}
body.home-landing:not(.candidate-area) .jr-feature-tag {
margin: 0 0 0.45rem;
font-size: 0.68rem;
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--jr-ink-soft);
}
body.home-landing:not(.candidate-area) .jr-feature-card h3 {
margin: 0 0 0.65rem;
font-size: 1.2rem;
font-weight: 800;
color: var(--jr-ink);
letter-spacing: -0.02em;
line-height: 1.25;
}
body.home-landing:not(.candidate-area) .jr-feature-text {
margin: 0 0 1rem;
font-size: 0.95rem;
line-height: 1.65;
color: var(--jr-ink-soft);
}
body.home-landing:not(.candidate-area) .jr-feature-list {
margin: auto 0 0;
padding: 1rem 0 0;
list-style: none;
border-top: 1px solid var(--jr-line);
}
body.home-landing:not(.candidate-area) .jr-feature-list li {
position: relative;
padding-left: 1.35rem;
margin-bottom: 0.55rem;
font-size: 0.88rem;
line-height: 1.5;
font-weight: 500;
color: var(--jr-ink-soft);
}
body.home-landing:not(.candidate-area) .jr-feature-list li:last-child {
margin-bottom: 0;
}
body.home-landing:not(.candidate-area) .jr-feature-list li::before {
content: "";
position: absolute;
left: 0;
top: 0.5rem;
width: 0.35rem;
height: 0.35rem;
border-radius: 50%;
background: var(--verde-l);
}
body.home-landing:not(.candidate-area) .jr-gallery {
max-width: var(--home-content-max);
margin: clamp(2rem, 4vw, 3rem) auto 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1rem;
align-items: end;
}
body.home-landing:not(.candidate-area) .jr-gallery-item {
margin: 0;
border-radius: var(--jr-radius-sm);
overflow: hidden;
border: 1px solid var(--jr-line);
box-shadow: var(--jr-shadow);
}
body.home-landing:not(.candidate-area) .jr-gallery-item img {
display: block;
width: 100%;
height: 100%;
min-height: 220px;
object-fit: cover;
aspect-ratio: 4 / 5;
}
body.home-landing:not(.candidate-area) .jr-gallery-item--featured img {
aspect-ratio: 5 / 4;
min-height: 280px;
}
body.home-landing:not(.candidate-area) .bw-home-purpose-shell {
max-width: var(--home-content-max);
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
gap: clamp(2rem, 4vw, 3.5rem);
align-items: start;
}
body.home-landing:not(.candidate-area) .jr-purpose-visual {
margin: 0;
position: sticky;
top: calc(var(--home-nav-height, 4.35rem) + 1.5rem);
border-radius: var(--jr-radius);
overflow: hidden;
border: 1px solid var(--jr-line);
box-shadow: var(--jr-shadow-lg);
}
body.home-landing:not(.candidate-area) .jr-purpose-visual img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 5;
object-fit: cover;
}
body.home-landing:not(.candidate-area) .bw-home-purpose-body .section-label {
margin-bottom: 1rem;
}
body.home-landing:not(.candidate-area) .bw-home-purpose-lead {
margin-top: 0;
}
body.home-landing:not(.candidate-area) .jr-community-visual {
max-width: var(--home-content-max);
margin: 0 auto 2rem;
border-radius: var(--jr-radius);
overflow: hidden;
border: 1px solid var(--jr-line);
box-shadow: var(--jr-shadow);
}
body.home-landing:not(.candidate-area) .jr-community-visual img {
display: block;
width: 100%;
height: auto;
aspect-ratio: 5 / 2;
object-fit: cover;
}
body.home-landing:not(.candidate-area) .testi-author {
display: flex;
align-items: center;
gap: 0.75rem;
}
body.home-landing:not(.candidate-area) .testi-avatar {
width: 3rem;
height: 3rem;
border-radius: 50%;
object-fit: cover;
flex-shrink: 0;
border: 2px solid rgba(42, 92, 71, 0.12);
}
body.home-landing:not(.candidate-area) .bw-home-purpose,
body.home-landing:not(.candidate-area) .valori,
body.home-landing:not(.candidate-area) .testimonianze,
body.home-landing:not(.candidate-area) .bw-home-community {
background: #fff;
}
body.home-landing:not(.candidate-area) .bw-home-purpose {
background: linear-gradient(180deg, var(--jr-muted) 0%, #fff 100%);
}
body.home-landing:not(.candidate-area) .roles-cloud-section,
body.home-landing:not(.candidate-area) .aziende {
background: var(--jr-muted);
--roles-cloud-bg: var(--jr-muted);
}
body.home-landing:not(.candidate-area) .valori {
background: #fff;
border-top: 1px solid var(--jr-line);
}
body.home-landing:not(.candidate-area) .section-label {
display: inline-flex;
align-items: center;
padding: 0.38rem 0.85rem;
border-radius: 999px;
font-family: var(--jr-font);
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
font-size: 0.72rem;
color: var(--verde-m);
background: rgba(106, 171, 138, 0.1);
border: 1px solid rgba(42, 92, 71, 0.1);
margin-bottom: 1rem;
}
body.home-landing:not(.candidate-area) .section-label::after {
display: none;
}
body.home-landing:not(.candidate-area) .come-funziona .section-label,
body.home-landing:not(.candidate-area) .cta-finale .section-label {
color: rgba(255, 255, 255, 0.92);
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.18);
}
body.home-landing:not(.candidate-area) .section-title {
font-family: var(--jr-font);
font-weight: 800;
letter-spacing: -0.03em;
color: var(--jr-ink);
max-width: none;
}
body.home-landing:not(.candidate-area) .section-title em {
font-style: normal;
color: var(--verde);
}
body.home-landing:not(.candidate-area) .bw-home-purpose-card,
body.home-landing:not(.candidate-area) .bw-home-community-card,
body.home-landing:not(.candidate-area) .testi-card {
border-radius: var(--jr-radius-sm);
border: 1px solid var(--jr-line);
box-shadow: var(--jr-shadow);
transition: transform 0.22s var(--jr-ease), box-shadow 0.22s var(--jr-ease);
}
body.home-landing:not(.candidate-area) .bw-home-purpose-card:hover,
body.home-landing:not(.candidate-area) .bw-home-community-card:hover,
body.home-landing:not(.candidate-area) .testi-card:hover {
transform: translateY(-3px);
box-shadow: var(--jr-shadow-lg);
}
body.home-landing:not(.candidate-area) .valori-grid {
background: transparent;
border-radius: 0;
overflow: visible;
gap: 1.15rem;
align-items: start;
}
body.home-landing:not(.candidate-area) .valore-card {
--vc-accent: var(--verde-m, #3d7260);
--vc-soft: rgba(61, 114, 96, 0.1);
position: relative;
background: #fff;
border: 1px solid var(--jr-line);
border-radius: var(--jr-radius);
padding: 2.1rem 1.9rem 2rem;
box-shadow: var(--jr-shadow);
overflow: hidden;
transition: transform 0.25s var(--jr-ease), box-shadow 0.25s var(--jr-ease),
border-color 0.25s var(--jr-ease), background 0.25s var(--jr-ease);
}
body.home-landing:not(.candidate-area) .valore-card::before {
display: none;
}
body.home-landing:not(.candidate-area) .valore-card:hover {
background: #fff;
transform: translateY(-5px);
border-color: var(--vc-accent);
box-shadow: var(--jr-shadow-lg);
}
body.home-landing:not(.candidate-area) .valore-card:nth-child(2) { --vc-accent: #3d7260; --vc-soft: rgba(61, 114, 96, 0.1); }
body.home-landing:not(.candidate-area) .valore-card:nth-child(3) { --vc-accent: #b87262; --vc-soft: rgba(184, 114, 98, 0.12); }
body.home-landing:not(.candidate-area) .valore-card:nth-child(4) { --vc-accent: #a8852f; --vc-soft: rgba(168, 133, 47, 0.12); }
body.home-landing:not(.candidate-area) .valore-card:nth-child(5) { --vc-accent: #3e7a8a; --vc-soft: rgba(62, 122, 138, 0.12); }
body.home-landing:not(.candidate-area) .valore-card:nth-child(6) { --vc-accent: #6aab8a; --vc-soft: rgba(106, 171, 138, 0.14); }
body.home-landing:not(.candidate-area) .valore-card:not(.featured) .v-tag {
position: absolute;
top: 0.4rem;
right: 1.1rem;
margin: 0;
font-family: var(--jr-font);
font-size: 4.6rem;
font-weight: 800;
letter-spacing: -0.04em;
line-height: 1;
color: var(--vc-accent);
opacity: 0.1;
pointer-events: none;
transition: opacity 0.25s var(--jr-ease), transform 0.25s var(--jr-ease);
}
body.home-landing:not(.candidate-area) .valore-card:not(.featured):hover .v-tag {
opacity: 0.18;
transform: translateY(-3px);
}
body.home-landing:not(.candidate-area) .v-icon-wrap {
width: 3.1rem;
height: 3.1rem;
border-radius: 15px;
background: var(--vc-soft);
margin-bottom: 1.1rem;
transition: background 0.25s var(--jr-ease), transform 0.25s var(--jr-ease);
}
body.home-landing:not(.candidate-area) .valore-card .bw-icon {
stroke: var(--vc-accent);
transition: stroke 0.25s var(--jr-ease);
}
body.home-landing:not(.candidate-area) .valore-card:hover .v-icon-wrap {
background: var(--vc-accent);
transform: rotate(-6deg) scale(1.05);
}
body.home-landing:not(.candidate-area) .valore-card:hover .bw-icon {
stroke: #fff;
}
body.home-landing:not(.candidate-area) .v-title {
font-family: var(--jr-font);
font-size: 1.18rem;
font-weight: 800;
letter-spacing: -0.02em;
color: var(--jr-ink);
}
body.home-landing:not(.candidate-area) .v-text {
font-size: 0.95rem;
line-height: 1.65;
color: var(--jr-ink-soft);
}
body.home-landing:not(.candidate-area) .v-link {
margin-top: 0.9rem;
font-weight: 700;
color: var(--vc-accent);
border-bottom: none;
}
body.home-landing:not(.candidate-area) .v-link::after {
content: " →";
transition: margin-left 0.2s var(--jr-ease);
}
body.home-landing:not(.candidate-area) .v-link:hover::after {
margin-left: 0.25rem;
}
body.home-landing:not(.candidate-area) .valore-card.featured {
background:
radial-gradient(120% 110% at 100% 0%, rgba(106, 171, 138, 0.3), transparent 55%),
linear-gradient(145deg, #16382b 0%, var(--verde) 60%, #2f6450 100%);
border-color: transparent;
box-shadow: 0 18px 44px rgba(22, 56, 43, 0.32);
}
body.home-landing:not(.candidate-area) .valore-card.featured::after {
content: "";
position: absolute;
right: -4.5rem;
bottom: -4.5rem;
width: 13rem;
height: 13rem;
border-radius: 50%;
border: 1.5px solid rgba(240, 247, 242, 0.14);
box-shadow: 0 0 0 2.4rem rgba(240, 247, 242, 0.05);
pointer-events: none;
}
body.home-landing:not(.candidate-area) .valore-card.featured:hover {
background:
radial-gradient(120% 110% at 100% 0%, rgba(106, 171, 138, 0.36), transparent 55%),
linear-gradient(145deg, #16382b 0%, var(--verde) 60%, #2f6450 100%);
border-color: transparent;
}
body.home-landing:not(.candidate-area) .valore-card.featured .v-tag {
display: inline-flex;
align-items: center;
padding: 0.32rem 0.8rem;
margin-bottom: 0.7rem;
font-size: 0.68rem;
font-weight: 800;
letter-spacing: 0.12em;
color: #aedcc2;
background: rgba(240, 247, 242, 0.1);
border: 1px solid rgba(240, 247, 242, 0.18);
border-radius: 999px;
}
body.home-landing:not(.candidate-area) .valore-card.featured .v-title {
color: #fff;
font-size: 1.35rem;
}
body.home-landing:not(.candidate-area) .valore-card.featured .v-text {
color: rgba(240, 247, 242, 0.78);
}
body.home-landing:not(.candidate-area) .valore-card.featured .v-icon-wrap {
background: rgba(240, 247, 242, 0.12);
}
body.home-landing:not(.candidate-area) .valore-card.featured .bw-icon {
stroke: #8fd1ab;
}
body.home-landing:not(.candidate-area) .valore-card.featured:hover .v-icon-wrap {
background: rgba(240, 247, 242, 0.22);
}
body.home-landing:not(.candidate-area) .valore-card.featured:hover .bw-icon {
stroke: #fff;
}
@media (min-width: 769px) {
body.home-landing:not(.candidate-area) .valore-card:nth-child(3n+2) {
margin-top: 1.6rem;
}
}
body.home-landing:not(.candidate-area) .come-funziona {
background: linear-gradient(160deg, #0f2e22 0%, var(--verde) 55%, #1a4a38 100%);
border-radius: 0;
}
body.home-landing:not(.candidate-area) .come-funziona .section-title,
body.home-landing:not(.candidate-area) .come-funziona .step-title {
font-family: var(--jr-font);
}
body.home-landing:not(.candidate-area) .testi-card::before {
color: rgba(42, 92, 71, 0.05);
}
body.home-landing:not(.candidate-area) .aziende .az-title {
font-family: var(--jr-font);
font-weight: 800;
color: var(--jr-ink);
}
body.home-landing:not(.candidate-area) .aziende .az-title em {
font-style: normal;
color: var(--verde);
}
body.home-landing:not(.candidate-area) .az-visual {
border-radius: var(--jr-radius);
box-shadow: var(--jr-shadow-lg);
}
body.home-landing:not(.candidate-area) .cta-finale {
background: linear-gradient(160deg, #0f2e22 0%, var(--verde) 100%);
}
body.home-landing:not(.candidate-area) .cta-finale .section-title {
font-family: var(--jr-font);
color: #fff;
}
body.home-landing:not(.candidate-area) .roles-cloud-section::before {
content: "";
position: absolute;
top: -10rem;
right: -8rem;
width: 26rem;
height: 26rem;
border-radius: 50%;
background: radial-gradient(circle, rgba(106, 171, 138, 0.14) 0%, transparent 65%);
pointer-events: none;
}
body.home-landing:not(.candidate-area) .roles-cloud-legend {
gap: 0.6rem;
margin-bottom: 1.75rem;
}
body.home-landing:not(.candidate-area) .roles-cloud-legend-item {
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.02em;
padding: 0.4rem 0.95rem;
border-radius: 999px;
border: none;
}
body.home-landing:not(.candidate-area) .roles-cloud-legend-item--high {
background: rgba(42, 92, 71, 0.1);
}
body.home-landing:not(.candidate-area) .roles-cloud-legend-item--medium {
background: rgba(184, 114, 98, 0.12);
}
body.home-landing:not(.candidate-area) .roles-cloud-legend-item--emerging {
background: rgba(106, 171, 138, 0.14);
border: 1px dashed rgba(106, 171, 138, 0.5);
}
body.home-landing:not(.candidate-area) .roles-cloud-wrap {
--roles-cloud-bg: #ffffff;
background: #fff;
border: 1px solid var(--jr-line);
border-radius: var(--jr-radius);
padding: 1.9rem 1.9rem 1.6rem;
box-shadow: var(--jr-shadow);
}
body.home-landing:not(.candidate-area) .roles-cloud {
gap: 0.65rem 0.7rem;
margin-bottom: 0;
}
body.home-landing:not(.candidate-area) .roles-cloud-fade {
left: 1.9rem;
right: 1.9rem;
bottom: 4.4rem;
}
body.home-landing:not(.candidate-area) .roles-cloud-tag {
border-radius: 999px;
font-weight: 600;
border-width: 1px;
}
body.home-landing:not(.candidate-area) .roles-cloud-tag:hover,
body.home-landing:not(.candidate-area) .roles-cloud-tag:focus-visible {
transform: translateY(-2px) scale(1.03);
box-shadow: 0 8px 20px rgba(15, 23, 42, 0.12);
}
body.home-landing:not(.candidate-area) .roles-cloud-tag:focus-visible {
outline: 2px solid var(--verde-m, #3d7260);
outline-offset: 2px;
}
body.home-landing:not(.candidate-area) .roles-cloud-tag--high {
background: rgba(42, 92, 71, 0.09);
border-color: transparent;
}
body.home-landing:not(.candidate-area) .roles-cloud-tag--high:hover,
body.home-landing:not(.candidate-area) .roles-cloud-tag--high:focus-visible {
background: var(--verde, #2a5c47);
border-color: var(--verde, #2a5c47);
color: #fff;
}
body.home-landing:not(.candidate-area) .roles-cloud-tag--medium {
background: rgba(184, 114, 98, 0.11);
border-color: transparent;
}
body.home-landing:not(.candidate-area) .roles-cloud-tag--medium:hover,
body.home-landing:not(.candidate-area) .roles-cloud-tag--medium:focus-visible {
background: var(--terracotta, #b87262);
border-color: var(--terracotta, #b87262);
color: #fff;
}
body.home-landing:not(.candidate-area) .roles-cloud-tag--emerging {
background: rgba(106, 171, 138, 0.12);
border-color: rgba(106, 171, 138, 0.45);
}
body.home-landing:not(.candidate-area) .roles-cloud-tag--emerging:hover,
body.home-landing:not(.candidate-area) .roles-cloud-tag--emerging:focus-visible {
background: var(--verde-m, #3d7260);
border-color: var(--verde-m, #3d7260);
color: #fff;
}
body.home-landing:not(.candidate-area) .roles-cloud-toggle {
margin-top: 1.1rem;
font-weight: 700;
border-color: rgba(42, 92, 71, 0.22);
box-shadow: 0 2px 10px rgba(15, 23, 42, 0.05);
}
body.home-landing:not(.candidate-area) .roles-cloud-toggle:hover {
background: var(--verde, #2a5c47);
border-color: var(--verde, #2a5c47);
color: #fff;
}
body.home-landing:not(.candidate-area) .roles-cloud-foot {
justify-content: space-between;
margin-top: 1.75rem;
padding: 1.2rem 1.9rem;
background: rgba(42, 92, 71, 0.05);
border: 1px solid var(--jr-line);
border-radius: var(--jr-radius-sm);
}
body.home-landing:not(.candidate-area) .roles-cloud-foot p {
font-size: 0.92rem;
}
body.home-landing:not(.candidate-area) .roles-cloud-cta {
font-weight: 700;
box-shadow: 0 6px 18px rgba(42, 92, 71, 0.2);
transition: background 0.2s ease, transform 0.2s var(--jr-ease), box-shadow 0.2s var(--jr-ease);
}
body.home-landing:not(.candidate-area) .roles-cloud-cta:hover {
transform: translateY(-2px);
box-shadow: 0 10px 26px rgba(42, 92, 71, 0.28);
}
@media (max-width: 768px) {
body.home-landing:not(.candidate-area) .roles-cloud-wrap {
padding: 1.25rem 1.15rem 1.1rem;
}
body.home-landing:not(.candidate-area) .roles-cloud-fade {
left: 1.15rem;
right: 1.15rem;
}
body.home-landing:not(.candidate-area) .roles-cloud-foot {
padding: 1.1rem 1.25rem;
}
}
@media (max-width: 1024px) {
body.home-landing:not(.candidate-area) .jr-hero-inner {
grid-template-columns: 1fr;
}
body.home-landing:not(.candidate-area) .jr-features-grid {
grid-template-columns: 1fr;
}
body.home-landing:not(.candidate-area) .bw-home-purpose-shell {
grid-template-columns: 1fr;
}
body.home-landing:not(.candidate-area) .jr-purpose-visual {
position: static;
max-width: 28rem;
margin: 0 auto;
}
}
@media (max-width: 768px) {
body.home-landing:not(.candidate-area) .jr-stats {
margin-top: 0;
padding-top: 1.5rem;
}
body.home-landing:not(.candidate-area) .jr-stats-inner {
grid-template-columns: 1fr;
padding: 1rem;
}
body.home-landing:not(.candidate-area) .claim-bar {
gap: 0.65rem 1rem;
justify-content: flex-start;
overflow-x: auto;
flex-wrap: nowrap;
-webkit-overflow-scrolling: touch;
}
body.home-landing:not(.candidate-area) .jr-hero-trust {
flex-direction: column;
align-items: flex-start;
gap: 0.5rem;
}
body.home-landing:not(.candidate-area) .jr-gallery {
grid-template-columns: 1fr;
align-items: stretch;
}
body.home-landing:not(.candidate-area) .jr-gallery-item img,
body.home-landing:not(.candidate-area) .jr-gallery-item--featured img {
aspect-ratio: 16 / 10;
min-height: 0;
}
body.home-landing:not(.candidate-area) .jr-hero--with-photo .jr-hero-photo {
background-position: center 30%;
opacity: 0.28;
}
body.home-landing:not(.candidate-area) .jr-audience {
width: 100%;
justify-content: stretch;
}
body.home-landing:not(.candidate-area) .jr-audience-pill {
flex: 1;
justify-content: center;
text-align: center;
}
body.home-landing:not(.candidate-area) .jr-hero-cta {
flex-direction: column;
align-items: stretch;
}
body.home-landing:not(.candidate-area) .jr-btn-primary,
body.home-landing:not(.candidate-area) .jr-btn-ghost {
width: 100%;
text-align: center;
}
}
@media (min-width: 1025px) {
body.home-landing:not(.candidate-area) .hero .form-field:has(#su_data) {
display: flex;
}
}
body.home-landing:not(.candidate-area).how-page .how-page-hero,
body.home-landing:not(.candidate-area).community-guide-page .how-page-hero,
body.home-landing:not(.candidate-area).blog-page .blog-page-hero,
body.home-landing:not(.candidate-area).join-team-page .jt-hero,
body.home-landing:not(.candidate-area).annunci-page .annunci-page-hero {
position: relative;
overflow: hidden;
padding: calc(var(--home-nav-height, 4.35rem) + 2.5rem) var(--home-gutter, clamp(1.25rem, 4vw, 1.75rem)) clamp(2.5rem, 5vw, 3.5rem);
background:
radial-gradient(120% 90% at 100% 0%, rgba(106, 171, 138, 0.14), transparent 55%),
radial-gradient(80% 70% at 0% 100%, rgba(184, 114, 98, 0.08), transparent 50%),
linear-gradient(180deg, #f8faf9 0%, #ffffff 55%, #f5f8f6 100%);
border-bottom: 1px solid rgba(42, 92, 71, 0.1);
text-align: center;
}
body.home-landing:not(.candidate-area).join-team-page .jt-hero {
text-align: left;
}
body.home-landing:not(.candidate-area) .bw-hero--with-photo {
isolation: isolate;
}
body.home-landing:not(.candidate-area) .bw-hero--with-photo .bw-hero-photo {
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
pointer-events: none;
}
body.home-landing:not(.candidate-area) .bw-hero--with-photo .bw-hero-photo img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: 72% center;
opacity: 0.34;
transform: scale(1.02);
}
body.home-landing:not(.candidate-area) .bw-hero--with-photo .bw-hero-photo::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(180deg, rgba(248, 250, 249, 0.9) 0%, rgba(255, 255, 255, 0.82) 50%, rgba(245, 248, 246, 0.88) 100%);
pointer-events: none;
}
body.home-landing:not(.candidate-area).join-team-page .jt-hero.bw-hero--with-photo .bw-hero-photo::after {
background:
linear-gradient(105deg, rgba(248, 250, 249, 0.95) 0%, rgba(255, 255, 255, 0.88) 45%, rgba(255, 255, 255, 0.5) 72%, rgba(248, 250, 249, 0.25) 100%),
radial-gradient(90% 80% at 8% 42%, rgba(248, 250, 249, 0.92), transparent 58%);
}
body.home-landing:not(.candidate-area) .bw-hero--with-photo > .container,
body.home-landing:not(.candidate-area) .bw-hero--with-photo > .jt-hero-grid {
position: relative;
z-index: 2;
}
body.home-landing:not(.candidate-area).join-team-page .jt-hero::before {
content: "";
position: absolute;
inset: 0;
z-index: 1;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M0 48h48V0' fill='none' stroke='%232a5c4706' stroke-width='1'/%3E%3C/svg%3E");
opacity: 0.55;
pointer-events: none;
}
body.home-landing:not(.candidate-area).how-page .how-page-hero::before,
body.home-landing:not(.candidate-area).community-guide-page .how-page-hero::before,
body.home-landing:not(.candidate-area).blog-page .blog-page-hero::before,
body.home-landing:not(.candidate-area).annunci-page .annunci-page-hero::before {
content: "";
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M0 48h48V0' fill='none' stroke='%232a5c4706' stroke-width='1'/%3E%3C/svg%3E");
opacity: 0.55;
pointer-events: none;
}
body.home-landing:not(.candidate-area).join-team-page .jt-hero-grid {
position: relative;
z-index: 2;
max-width: 42rem;
}
body.home-landing:not(.candidate-area).join-team-page .jt-hero-copy h1 {
margin-bottom: 1.1rem;
}
body.home-landing:not(.candidate-area).join-team-page .jt-hero-role-pills {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
list-style: none;
margin: 0 0 1.15rem;
padding: 0;
}
body.home-landing:not(.candidate-area).join-team-page .jt-hero-role-pills li {
display: inline-flex;
align-items: center;
padding: 0.42rem 0.9rem;
border-radius: 999px;
font-family: var(--jr-font);
font-size: 0.875rem;
font-weight: 700;
color: var(--jr-ink);
background: rgba(255, 255, 255, 0.92);
border: 1px solid rgba(42, 92, 71, 0.14);
box-shadow: 0 2px 8px rgba(42, 92, 71, 0.06);
}
body.home-landing:not(.candidate-area).how-page .how-page-hero .container,
body.home-landing:not(.candidate-area).community-guide-page .how-page-hero .container {
position: relative;
z-index: 2;
max-width: 880px;
margin: 0 auto;
text-align: center;
}
body.home-landing:not(.candidate-area).blog-page .blog-page-hero .container,
body.home-landing:not(.candidate-area).annunci-page .annunci-page-hero .container {
position: relative;
z-index: 2;
max-width: 720px;
margin: 0 auto;
text-align: center;
}
body.home-landing:not(.candidate-area) .how-page-eyebrow,
body.home-landing:not(.candidate-area) .blog-page-eyebrow,
body.home-landing:not(.candidate-area) .jt-eyebrow,
body.home-landing:not(.candidate-area) .annunci-page-eyebrow {
display: inline-flex;
align-items: center;
gap: 0.4rem;
padding: 0.38rem 0.8rem;
border-radius: 999px;
font-size: 0.72rem;
font-weight: 800;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--verde-m);
background: rgba(106, 171, 138, 0.12);
border: 1px solid rgba(42, 92, 71, 0.12);
margin: 0 0 1rem;
font-family: var(--jr-font);
}
body.home-landing:not(.candidate-area).how-page .how-page-hero h1,
body.home-landing:not(.candidate-area).community-guide-page .how-page-hero h1,
body.home-landing:not(.candidate-area).blog-page .blog-page-hero h1,
body.home-landing:not(.candidate-area).join-team-page .jt-hero-copy h1,
body.home-landing:not(.candidate-area).annunci-page .annunci-page-hero h1 {
font-family: var(--jr-font);
font-size: clamp(2rem, 4.5vw, 3rem);
font-weight: 800;
letter-spacing: -0.03em;
line-height: 1.12;
color: var(--jr-ink);
}
body.home-landing:not(.candidate-area) .how-page-lead,
body.home-landing:not(.candidate-area) .blog-page-lead,
body.home-landing:not(.candidate-area) .jt-lead,
body.home-landing:not(.candidate-area) .annunci-page-lead {
max-width: 38rem;
margin: 0 auto;
font-size: clamp(1rem, 1.4vw, 1.125rem);
line-height: 1.7;
color: var(--jr-ink-soft);
font-weight: 500;
font-family: var(--jr-font);
}
body.home-landing:not(.candidate-area).join-team-page .jt-lead {
margin-left: 0;
margin-right: 0;
max-width: none;
margin-bottom: 1rem;
}
body.home-landing:not(.candidate-area).join-team-page .jt-lead--last {
margin-bottom: 1.5rem;
}
body.home-landing:not(.candidate-area) .how-gradient,
body.home-landing:not(.candidate-area) .blog-gradient,
body.home-landing:not(.candidate-area).join-team-page .jt-hero-copy h1 em,
body.home-landing:not(.candidate-area).how-page .how-page-hero h1 em,
body.home-landing:not(.candidate-area).how-page .how-block-header h2 em,
body.home-landing:not(.candidate-area).join-team-page .jt-section h2 em {
font-style: normal;
color: var(--verde);
}
body.home-landing:not(.candidate-area).how-page,
body.home-landing:not(.candidate-area).community-guide-page,
body.home-landing:not(.candidate-area).blog-page,
body.home-landing:not(.candidate-area).join-team-page {
background: var(--jr-surface);
}
body.home-landing:not(.candidate-area) footer.landing-footer,
body.home-landing:not(.candidate-area) .footer-bottom {
font-family: var(--jr-font);
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-hero,
body.home-landing:not(.candidate-area).candidate-register-page,
body.home-landing:not(.candidate-area).company-register-page {
background: transparent;
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-hero {
min-height: auto;
padding: calc(var(--home-nav-height) + 2.5rem) var(--home-gutter) clamp(3rem, 6vw, 4rem);
background:
radial-gradient(120% 90% at 100% 0%, rgba(106, 171, 138, 0.14), transparent 55%),
radial-gradient(80% 70% at 0% 100%, rgba(184, 114, 98, 0.08), transparent 50%),
linear-gradient(180deg, #f8faf9 0%, #ffffff 55%, #f5f8f6 100%);
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
column-gap: clamp(2rem, 4vw, 3.5rem);
align-items: center;
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-hero::after {
display: none;
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-hero-left,
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-hero-right {
padding: 0;
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .hero-eyebrow {
color: var(--verde-m);
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .hero-eyebrow::before {
background: var(--verde-m);
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .hero-h1 {
font-family: var(--jr-font);
font-weight: 800;
letter-spacing: -0.03em;
color: var(--jr-ink);
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .hero-h1 em {
font-style: normal;
background: linear-gradient(120deg, var(--verde-m), var(--verde-l));
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .hero-sub {
color: var(--jr-ink-soft);
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .hero-pill {
background: #fff;
border-color: var(--jr-line);
color: var(--verde-m);
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .btn-ghost-sm {
border-color: var(--jr-line);
color: var(--jr-ink-soft);
background: #fff;
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .btn-ghost-sm:hover {
border-color: rgba(42, 92, 71, 0.35);
color: var(--verde);
background: var(--jr-accent-soft);
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-box {
background: #fff;
border: 1px solid var(--jr-line);
box-shadow: var(--jr-shadow-lg);
backdrop-filter: none;
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-box-title {
font-family: var(--jr-font);
font-weight: 800;
color: var(--jr-ink);
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-box-sub,
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-field label,
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-remember span,
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-alt,
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-foot {
color: var(--jr-ink-soft);
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-field label {
text-transform: none;
letter-spacing: 0.02em;
font-weight: 600;
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-field input {
background: var(--jr-muted);
border-color: var(--jr-line);
color: var(--jr-ink);
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-field input:focus:not(:focus-visible) {
border-color: rgba(42, 92, 71, 0.45);
background: #fff;
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-info {
background: var(--jr-accent-soft);
border-color: rgba(42, 92, 71, 0.15);
color: var(--jr-ink-soft);
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-hint {
color: var(--jr-ink-soft);
background: var(--jr-muted);
border-color: var(--jr-line);
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-submit,
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .signup-submit,
body.home-landing:not(.candidate-area) .btn-terra {
font-weight: 700;
}
body.home-landing:not(.candidate-area).candidate-register-page .cr-reg-page,
body.home-landing:not(.candidate-area).company-register-page .co-reg-page {
padding-top: calc(var(--home-nav-height) + 2rem);
}
body.home-landing:not(.candidate-area).candidate-register-page .cr-reg-card,
body.home-landing:not(.candidate-area).candidate-register-page .cr-form-card,
body.home-landing:not(.candidate-area).company-register-page .co-reg-intro-panel,
body.home-landing:not(.candidate-area).company-register-page .co-reg-step-card,
body.home-landing:not(.candidate-area).company-register-page .co-reg-card {
background: #fff;
border: 1px solid var(--jr-line);
box-shadow: var(--jr-shadow-lg);
border-radius: var(--jr-radius);
}
body.home-landing:not(.candidate-area).candidate-register-page h1,
body.home-landing:not(.candidate-area).company-register-page h1,
body.home-landing:not(.candidate-area).candidate-register-page .cr-reg-title,
body.home-landing:not(.candidate-area).company-register-page .co-reg-title {
font-family: var(--jr-font);
font-weight: 800;
letter-spacing: -0.03em;
color: var(--jr-ink);
}
body.home-landing:not(.candidate-area).legal-page-body .legal-page-hero h1,
body.home-landing:not(.candidate-area).legal-page-body .legal-content h2,
body.home-landing:not(.candidate-area).legal-page-body .legal-content h3 {
font-family: var(--jr-font);
font-weight: 800;
letter-spacing: -0.02em;
}
body.home-landing:not(.candidate-area).legal-page-body .legal-page-hero h1 em {
font-style: normal;
color: var(--verde);
}
body.home-landing:not(.candidate-area).legal-page-body .legal-content {
border: 1px solid var(--jr-line);
border-radius: var(--jr-radius-sm);
box-shadow: var(--jr-shadow);
}
body.home-landing:not(.candidate-area).blog-page .blog-card h2,
body.home-landing:not(.candidate-area).blog-page .blog-post-title {
font-family: var(--jr-font);
font-weight: 800;
letter-spacing: -0.03em;
}
body.home-landing:not(.candidate-area).blog-page .blog-card {
border: 1px solid var(--jr-line);
border-radius: var(--jr-radius-sm);
box-shadow: var(--jr-shadow);
}
body.home-landing:not(.candidate-area).blog-page .blog-card:hover {
box-shadow: var(--jr-shadow-lg);
transform: translateY(-3px);
}
body.home-landing:not(.candidate-area).blog-page .blog-empty {
border: 1px solid var(--jr-line);
border-style: solid;
border-radius: var(--jr-radius-sm);
box-shadow: var(--jr-shadow);
font-family: var(--jr-font);
}
body.home-landing:not(.candidate-area).blog-page .blog-list-section {
background: var(--jr-surface);
}
body.home-landing:not(.candidate-area).how-page .how-section h2,
body.home-landing:not(.candidate-area).how-page .how-step-title,
body.home-landing:not(.candidate-area).how-page .how-block-header h2,
body.home-landing:not(.candidate-area).how-page .how-flow-body h3,
body.home-landing:not(.candidate-area).community-guide-page .how-page-hero h1,
body.home-landing:not(.candidate-area).community-guide-page .how-block-header h2,
body.home-landing:not(.candidate-area).community-guide-page .how-value-card h3 {
font-family: var(--jr-font);
font-weight: 800;
letter-spacing: -0.03em;
}
body.home-landing:not(.candidate-area).how-page .how-card,
body.home-landing:not(.candidate-area).how-page .how-pricing-card,
body.home-landing:not(.candidate-area).how-page .how-faq-item,
body.home-landing:not(.candidate-area).community-guide-page .how-value-card,
body.home-landing:not(.candidate-area).join-team-page .jt-comp-card,
body.home-landing:not(.candidate-area).join-team-page .jt-role-card,
body.home-landing:not(.candidate-area).join-team-page .jt-honesty-no,
body.home-landing:not(.candidate-area).join-team-page .jt-honesty-yes,
body.home-landing:not(.candidate-area).annunci-page .annunci-card,
body.home-landing:not(.candidate-area).annunci-page .annunci-form {
border: 1px solid rgba(42, 92, 71, 0.12);
border-radius: var(--jr-radius-sm);
box-shadow:
0 1px 2px rgba(42, 92, 71, 0.05),
0 16px 40px rgba(42, 92, 71, 0.1);
}
body.home-landing:not(.candidate-area).annunci-page .annunci-card::before {
content: none;
display: none;
}
body.home-landing:not(.candidate-area).annunci-page .annunci-card:hover {
transform: translateY(-2px);
box-shadow:
0 2px 4px rgba(42, 92, 71, 0.06),
0 20px 44px rgba(42, 92, 71, 0.12);
}
body.home-landing:not(.candidate-area).how-page .how-block--alt,
body.home-landing:not(.candidate-area).community-guide-page .how-block--alt {
background: var(--jr-muted);
}
body.home-landing:not(.candidate-area).how-page .how-page-lead,
body.home-landing:not(.candidate-area).community-guide-page .how-page-lead {
margin-bottom: 1.5rem;
}
body.home-landing:not(.candidate-area).how-page .how-page-anchors a,
body.home-landing:not(.candidate-area).community-guide-page .how-page-anchors a {
font-family: var(--jr-font);
font-weight: 700;
border: 1px solid var(--jr-line);
background: var(--jr-surface);
box-shadow: var(--jr-shadow);
}
body.home-landing:not(.candidate-area).how-page .how-page-anchors a:hover,
body.home-landing:not(.candidate-area).community-guide-page .how-page-anchors a:hover {
border-color: rgba(42, 92, 71, 0.25);
}
body.home-landing:not(.candidate-area).join-team-page .jt-section h2,
body.home-landing:not(.candidate-area).join-team-page .jt-role-card h3 {
font-family: var(--jr-font);
font-weight: 800;
letter-spacing: -0.03em;
}
body.home-landing:not(.candidate-area).join-team-page .jt-section--alt {
background: var(--jr-muted);
border-color: var(--jr-line);
}
body.home-landing:not(.candidate-area).join-team-page .jt-btn {
font-family: var(--jr-font);
font-weight: 700;
border-radius: 12px;
}
body.home-landing:not(.candidate-area).join-team-page .jt-btn--primary {
background: var(--verde);
border-color: var(--verde);
box-shadow: 0 6px 18px rgba(42, 92, 71, 0.2);
}
body.home-landing:not(.candidate-area).join-team-page .jt-btn--primary:hover {
background: var(--verde-m);
border-color: var(--verde-m);
}
body.home-landing:not(.candidate-area).join-team-page .jt-btn--ghost {
border: 1px solid var(--jr-line);
background: var(--jr-surface);
}
body.home-landing:not(.candidate-area).join-team-page .jt-form-wrap {
border: 1px solid rgba(42, 92, 71, 0.12);
border-radius: var(--jr-radius-sm);
box-shadow:
0 1px 2px rgba(42, 92, 71, 0.05),
0 16px 40px rgba(42, 92, 71, 0.1);
}
body.home-landing:not(.candidate-area).annunci-page .annunci-page-hero h1,
body.home-landing:not(.candidate-area).annunci-page .annunci-card-title a,
body.home-landing:not(.candidate-area).annunci-page .annunci-empty h3 {
font-family: var(--jr-font);
font-weight: 800;
letter-spacing: -0.02em;
}
body.home-landing:not(.candidate-area).annunci-page .annunci-page-hero h1 em {
font-style: normal;
color: var(--verde);
}
body.home-landing:not(.candidate-area).annunci-page .annunci-page-eyebrow {
font-family: var(--jr-font);
}
body.home-landing:not(.candidate-area).annunci-page .annunci-container {
padding-left: var(--home-nav-gutter, clamp(1.75rem, 5vw, 3.5rem));
padding-right: var(--home-nav-gutter, clamp(1.75rem, 5vw, 3.5rem));
}
body.home-landing:not(.candidate-area).annunci-page .annunci-card-title h3 {
font-family: var(--jr-font);
font-weight: 800;
color: var(--jr-ink);
}
body.home-landing:not(.candidate-area).annunci-page .annunci-stats {
border: 1px solid rgba(42, 92, 71, 0.12);
border-radius: var(--jr-radius-sm);
box-shadow:
0 1px 2px rgba(42, 92, 71, 0.05),
0 16px 40px rgba(42, 92, 71, 0.1);
}
body.home-landing:not(.candidate-area).annunci-page .annunci-field label {
font-family: var(--jr-font);
font-weight: 700;
color: var(--jr-ink-soft);
}
body.home-landing:not(.candidate-area).annunci-page .annunci-field input,
body.home-landing:not(.candidate-area).annunci-page .annunci-field select {
background: var(--jr-muted);
border-color: var(--jr-line);
border-radius: 12px;
}
body.home-landing:not(.candidate-area).annunci-page .annunci-field input:focus,
body.home-landing:not(.candidate-area).annunci-page .annunci-field select:focus:not(:focus-visible) {
border-color: rgba(42, 92, 71, 0.45);
background: #fff;
}
body.home-landing:not(.candidate-area).annunci-page .annunci-btn--primary,
body.home-landing:not(.candidate-area).annunci-page .annunci-filters .annunci-btn--primary {
font-family: var(--jr-font);
font-weight: 700;
border-radius: 12px;
box-shadow: 0 6px 18px rgba(42, 92, 71, 0.2);
}
body.home-landing:not(.candidate-area).annunci-page .annunci-btn--apply {
font-family: var(--jr-font);
font-weight: 700;
border-radius: 12px;
box-shadow: 0 6px 18px rgba(184, 114, 98, 0.22);
}
body.home-landing:not(.candidate-area).annunci-page .annunci-empty {
border: 1px solid var(--jr-line);
border-style: solid;
border-radius: var(--jr-radius-sm);
box-shadow: var(--jr-shadow);
}
body.home-landing:not(.candidate-area).community-page .community-hero h1 {
font-family: var(--jr-font);
font-weight: 800;
}
body.home-landing:not(.candidate-area).community-page .community-card {
border: 1px solid var(--jr-line);
border-radius: var(--jr-radius-sm);
box-shadow: var(--jr-shadow);
}
body.home-landing:not(.candidate-area).landing-aziende-page .laz-hero h1,
body.home-landing:not(.candidate-area).landing-torino-page .ltz-hero h1,
body.home-landing:not(.candidate-area).landing-aziende-page .laz-section-head h2,
body.home-landing:not(.candidate-area).landing-torino-page .ltz-section-head h2 {
font-family: var(--jr-font);
font-weight: 800;
letter-spacing: -0.03em;
}
body.home-landing:not(.candidate-area).landing-aziende-page .laz-gradient,
body.home-landing:not(.candidate-area).landing-torino-page .ltz-gradient {
-webkit-text-fill-color: transparent;
}
body.home-landing:not(.candidate-area).landing-aziende-page .laz-card,
body.home-landing:not(.candidate-area).landing-aziende-page .laz-hero-card,
body.home-landing:not(.candidate-area).landing-torino-page .ltz-card {
border: 1px solid var(--jr-line);
box-shadow: var(--jr-shadow);
}
body.home-landing:not(.candidate-area).landing-aziende-page .laz-btn--primary,
body.home-landing:not(.candidate-area).landing-torino-page .ltz-btn--primary {
font-weight: 700;
}
body.home-landing:not(.candidate-area) .bw-home-values-match {
padding: 4.5rem var(--home-gutter, 1.5rem);
background: linear-gradient(180deg, #fff 0%, var(--carta, #faf8f4) 100%);
}
body.home-landing:not(.candidate-area) .bw-home-values-match-inner {
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
gap: 2rem;
align-items: center;
max-width: min(1100px, 100%);
margin: 0 auto;
}
body.home-landing:not(.candidate-area) .bw-home-values-match-lead {
margin: 0 0 1.25rem;
max-width: 560px;
line-height: 1.65;
color: var(--jr-ink-soft, #475569);
}
body.home-landing:not(.candidate-area) .bw-home-values-match-stats {
display: flex;
gap: 1.5rem;
margin: 0 0 1.5rem;
padding: 0;
list-style: none;
}
body.home-landing:not(.candidate-area) .bw-home-values-match-stats strong {
display: block;
font-size: 1.6rem;
font-weight: 800;
color: var(--verde, #2a5c47);
line-height: 1.1;
}
body.home-landing:not(.candidate-area) .bw-home-values-match-stats span {
font-size: 0.82rem;
color: var(--jr-ink-soft, #475569);
}
body.home-landing:not(.candidate-area) .bw-home-values-match-actions {
display: flex;
flex-wrap: wrap;
gap: 0.65rem;
}
body.home-landing:not(.candidate-area) .bw-home-values-match-card {
padding: 1.5rem;
border-radius: 20px;
border: 1px solid rgba(42, 92, 71, 0.15);
background: rgba(42, 92, 71, 0.06);
box-shadow: var(--jr-shadow, 0 8px 30px rgba(15, 23, 42, 0.06));
}
body.home-landing:not(.candidate-area) .bw-home-values-match-card-badge {
display: inline-block;
margin-bottom: 0.75rem;
padding: 0.25rem 0.65rem;
border-radius: 999px;
background: var(--verde, #2a5c47);
color: var(--avorio, #f5f0e8);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}
body.home-landing:not(.candidate-area) .bw-home-values-match-card strong {
display: block;
margin-bottom: 0.5rem;
font-size: 1.15rem;
color: var(--jr-ink, #0f172a);
}
body.home-landing:not(.candidate-area) .bw-home-values-match-card p {
margin: 0;
font-size: 0.92rem;
line-height: 1.55;
color: var(--jr-ink-soft, #475569);
}
@media (max-width: 768px) {
body.home-landing:not(.candidate-area) .bw-home-values-match-inner {
grid-template-columns: 1fr;
}
}
body.home-landing:not(.candidate-area) .purpose-page-hero {
background:
radial-gradient(120% 90% at 100% 0%, rgba(106, 171, 138, 0.14), transparent 55%),
linear-gradient(180deg, #f8faf9 0%, #ffffff 100%) !important;
color: var(--jr-ink) !important;
}
body.home-landing:not(.candidate-area) .purpose-page-hero h1 {
font-family: var(--jr-font) !important;
font-weight: 800 !important;
letter-spacing: -0.03em;
color: var(--jr-ink) !important;
}
body.home-landing:not(.candidate-area) .purpose-page-hero p {
color: var(--jr-ink-soft) !important;
}
body.home-landing:not(.candidate-area) .purpose-media {
border-color: var(--jr-line) !important;
box-shadow: var(--jr-shadow-lg) !important;
background: #fff !important;
}
body.home-landing:not(.candidate-area) .purpose-card {
border-radius: var(--jr-radius-sm) !important;
box-shadow: var(--jr-shadow);
}
body.home-landing:not(.candidate-area) .purpose-card h3 {
font-family: var(--jr-font) !important;
font-weight: 800;
}
body.home-landing:not(.candidate-area).investitori-page {
font-family: var(--jr-font);
}
body.home-landing:not(.candidate-area).investitori-page .inv-topbar {
background: rgba(255, 255, 255, 0.92);
border-bottom: 1px solid var(--jr-line);
box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
}
body.home-landing:not(.candidate-area).investitori-page .nav-logo,
body.home-landing:not(.candidate-area).investitori-page .inv-hero h1,
body.home-landing:not(.candidate-area).investitori-page .inv-section h2 {
font-family: var(--jr-font);
font-weight: 800;
letter-spacing: -0.03em;
}
body.home-landing:not(.candidate-area).investitori-page .inv-card,
body.home-landing:not(.candidate-area).investitori-page .inv-stat,
body.home-landing:not(.candidate-area).investitori-page .inv-form-card {
border: 1px solid var(--jr-line);
box-shadow: var(--jr-shadow);
border-radius: var(--jr-radius-sm);
}
body.home-landing:not(.candidate-area) .cta h2,
body.home-landing:not(.candidate-area) .cta-finale .section-title {
font-family: var(--jr-font);
font-weight: 800;
}
body.home-landing:not(.candidate-area) .cta-btn.primary,
body.home-landing:not(.candidate-area) .cta-btn.secondary,
body.home-landing:not(.candidate-area) .btn-avorio,
body.home-landing:not(.candidate-area) .btn-outline {
font-weight: 700;
}
@media (max-width: 1024px) {
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-hero {
grid-template-columns: 1fr;
row-gap: 2rem;
}
}
@media (max-width: 640px) {
body.home-landing:not(.candidate-area).how-page .how-page-hero,
body.home-landing:not(.candidate-area).community-guide-page .how-page-hero,
body.home-landing:not(.candidate-area).blog-page .blog-page-hero,
body.home-landing:not(.candidate-area).join-team-page .jt-hero,
body.home-landing:not(.candidate-area).annunci-page .annunci-page-hero {
padding: calc(var(--home-nav-height, 4.35rem) + 1.75rem) var(--home-gutter, 1.25rem) 2rem;
}
}
body.home-landing:not(.candidate-area) {
--balanced-ink: #0f172a;
--balanced-ink-soft: #475569;
--balanced-line: rgba(15, 23, 42, 0.1);
--balanced-muted: #f1f5f9;
--balanced-dark: #1e293b;
--balanced-dark-deep: #0f172a;
--balanced-warm: var(--terracotta, #b87262);
--balanced-warm-soft: rgba(184, 114, 98, 0.12);
--jr-accent-soft: rgba(15, 23, 42, 0.06);
--line: var(--balanced-line);
}
body.home-landing:not(.candidate-area) .nav-links a:hover,
body.home-landing:not(.candidate-area) .nav-links a.is-active {
color: var(--balanced-ink);
}
body.home-landing:not(.candidate-area) .nav-lang-option-code {
color: var(--balanced-ink-soft);
}
body.home-landing:not(.candidate-area) .nav-lang-option.is-active {
background: var(--balanced-muted);
}
body.home-landing:not(.candidate-area) .nav-dropdown-item strong {
color: var(--balanced-ink);
}
body.home-landing:not(.candidate-area) .nav-dropdown-item:hover,
body.home-landing:not(.candidate-area) .nav-dropdown-item.is-active {
background: var(--balanced-muted);
}
body.home-landing:not(.candidate-area) .landing-nav-toggle-bars span {
background: var(--balanced-ink);
}
body.home-landing:not(.candidate-area) .jr-hero {
background: linear-gradient(180deg, #f8fafc 0%, #ffffff 55%, #f1f5f9 100%);
}
body.home-landing:not(.candidate-area) .jr-hero--with-photo .jr-hero-photo::after {
background:
linear-gradient(105deg, rgba(248, 250, 252, 0.95) 0%, rgba(255, 255, 255, 0.84) 42%, rgba(255, 255, 255, 0.48) 68%, rgba(241, 245, 249, 0.22) 100%),
radial-gradient(90% 80% at 12% 40%, rgba(248, 250, 252, 0.9), transparent 58%);
}
body.home-landing:not(.candidate-area) .jr-hero::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M0 48h48V0' fill='none' stroke='%230f172a08' stroke-width='1'/%3E%3C/svg%3E");
}
body.home-landing:not(.candidate-area) .jr-hero--with-photo .jr-signup-box {
border-color: var(--balanced-line);
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 20px 48px rgba(15, 23, 42, 0.08);
}
body.home-landing:not(.candidate-area) .jr-audience-pill.is-active {
background: var(--balanced-ink);
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.18);
}
body.home-landing:not(.candidate-area) .jr-audience-pill:not(.is-active):hover {
color: var(--balanced-ink);
}
body.home-landing:not(.candidate-area) .jr-hero-eyebrow,
body.home-landing:not(.candidate-area) .how-page-eyebrow,
body.home-landing:not(.candidate-area) .blog-page-eyebrow,
body.home-landing:not(.candidate-area) .jt-eyebrow,
body.home-landing:not(.candidate-area) .annunci-page-eyebrow,
body.home-landing:not(.candidate-area) .jt-kicker {
color: var(--balanced-ink-soft);
background: var(--balanced-muted);
border-color: var(--balanced-line);
}
body.home-landing:not(.candidate-area).how-page .how-page-hero,
body.home-landing:not(.candidate-area).community-guide-page .how-page-hero,
body.home-landing:not(.candidate-area).blog-page .blog-page-hero,
body.home-landing:not(.candidate-area).join-team-page .jt-hero,
body.home-landing:not(.candidate-area).annunci-page .annunci-page-hero {
background:
radial-gradient(120% 90% at 100% 0%, rgba(15, 23, 42, 0.04), transparent 55%),
radial-gradient(80% 70% at 0% 100%, rgba(184, 114, 98, 0.06), transparent 50%),
linear-gradient(180deg, #f8fafc 0%, #ffffff 55%, #f1f5f9 100%);
border-bottom-color: var(--balanced-line);
}
body.home-landing:not(.candidate-area) .how-gradient,
body.home-landing:not(.candidate-area) .blog-gradient,
body.home-landing:not(.candidate-area).how-page .how-page-hero h1 em,
body.home-landing:not(.candidate-area).how-page .how-block-header h2 em,
body.home-landing:not(.candidate-area).join-team-page .jt-hero-copy h1 em,
body.home-landing:not(.candidate-area).join-team-page .jt-section h2 em,
body.home-landing:not(.candidate-area).annunci-page .annunci-page-hero h1 em {
color: var(--balanced-warm);
}
body.home-landing:not(.candidate-area).how-page .how-page-hero h1 .how-gradient {
background: linear-gradient(120deg, var(--balanced-warm), #d49282);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
}
body.home-landing:not(.candidate-area) .jr-hero-h1 em {
background: linear-gradient(120deg, var(--balanced-warm), #d49282);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
body.home-landing:not(.candidate-area) .jr-hero-pill {
color: var(--balanced-ink-soft);
border-color: var(--balanced-line);
}
body.home-landing:not(.candidate-area) .jr-btn-ghost:hover {
border-color: rgba(15, 23, 42, 0.22);
}
body.home-landing:not(.candidate-area) .jr-hero-trust li::before {
background: var(--balanced-muted) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6L9 17l-5-5'/%3E%3C/svg%3E") center / 0.7rem no-repeat;
}
body.home-landing:not(.candidate-area) .jr-signup-box {
border-color: var(--balanced-line);
box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04), 0 16px 40px rgba(15, 23, 42, 0.07);
}
body.home-landing:not(.candidate-area) .jr-signup-box .form-field input:focus:not(:focus-visible) {
border-color: rgba(15, 23, 42, 0.28);
}
body.home-landing:not(.candidate-area) .jr-signup-box .signup-privacy a,
body.home-landing:not(.candidate-area) .jr-signup-box .signup-alt a {
color: var(--balanced-ink);
}
body.home-landing:not(.candidate-area) .claim-bar {
background: linear-gradient(90deg, rgba(15, 23, 42, 0.02) 0%, rgba(15, 23, 42, 0.05) 50%, rgba(15, 23, 42, 0.02) 100%);
}
body.home-landing:not(.candidate-area) .claim-bar span:not(.claim-sep)::before {
color: var(--balanced-warm);
}
body.home-landing:not(.candidate-area) .claim-bar span:not(.claim-sep) {
color: var(--balanced-ink-soft);
}
body.home-landing:not(.candidate-area) .bw-home-values-match-stats strong {
color: var(--balanced-ink);
}
body.home-landing:not(.candidate-area) .bw-home-values-match-card {
border-color: var(--balanced-line);
background: var(--balanced-muted);
}
body.home-landing:not(.candidate-area) .bw-home-values-match-card-badge {
background: var(--balanced-ink);
}
body.home-landing:not(.candidate-area) .roles-cloud-tag--high {
background: rgba(15, 23, 42, 0.06);
}
body.home-landing:not(.candidate-area) .roles-cloud-tag--high:hover,
body.home-landing:not(.candidate-area) .roles-cloud-tag--high:focus-visible {
background: var(--balanced-ink);
border-color: var(--balanced-ink);
}
body.home-landing:not(.candidate-area) .roles-cloud-tag--emerging {
background: rgba(100, 116, 139, 0.1);
border-color: rgba(100, 116, 139, 0.28);
}
body.home-landing:not(.candidate-area) .roles-cloud-tag--emerging:hover,
body.home-landing:not(.candidate-area) .roles-cloud-tag--emerging:focus-visible {
background: #475569;
border-color: #475569;
}
body.home-landing:not(.candidate-area) .roles-cloud-tag:focus-visible {
outline-color: var(--balanced-ink-soft);
}
body.home-landing:not(.candidate-area) .roles-cloud-toggle {
border-color: var(--balanced-line);
}
body.home-landing:not(.candidate-area) .roles-cloud-toggle:hover {
background: var(--balanced-ink);
border-color: var(--balanced-ink);
}
body.home-landing:not(.candidate-area) .roles-cloud-foot {
background: var(--balanced-muted);
}
body.home-landing:not(.candidate-area) .jr-kicker,
body.home-landing:not(.candidate-area) .section-label {
color: var(--balanced-ink-soft);
background: var(--balanced-muted);
border-color: var(--balanced-line);
}
body.home-landing:not(.candidate-area) .jr-section-title em,
body.home-landing:not(.candidate-area) .section-title em,
body.home-landing:not(.candidate-area) .aziende .az-title em {
color: var(--balanced-warm);
}
body.home-landing:not(.candidate-area) .bw-home-purpose-card h3 {
color: var(--balanced-ink);
}
body.home-landing:not(.candidate-area) .jr-feature-card:hover {
border-color: rgba(15, 23, 42, 0.14);
}
body.home-landing:not(.candidate-area) .jr-feature-num {
color: rgba(15, 23, 42, 0.08);
}
body.home-landing:not(.candidate-area) .jr-feature-icon {
color: var(--balanced-ink-soft);
}
body.home-landing:not(.candidate-area) .jr-feature-list li::before {
background: var(--balanced-warm);
}
body.home-landing:not(.candidate-area) .valore-card:nth-child(2) {
--vc-accent: #475569;
--vc-soft: rgba(71, 85, 105, 0.1);
}
body.home-landing:not(.candidate-area) .valore-card:nth-child(6) {
--vc-accent: #64748b;
--vc-soft: rgba(100, 116, 139, 0.12);
}
body.home-landing:not(.candidate-area) .valore-card.featured {
background:
radial-gradient(120% 110% at 100% 0%, rgba(148, 163, 184, 0.22), transparent 55%),
linear-gradient(145deg, #0f172a 0%, var(--balanced-dark) 60%, #334155 100%);
box-shadow: 0 18px 44px rgba(15, 23, 42, 0.24);
}
body.home-landing:not(.candidate-area) .valore-card.featured:hover {
background:
radial-gradient(120% 110% at 100% 0%, rgba(148, 163, 184, 0.28), transparent 55%),
linear-gradient(145deg, #0f172a 0%, var(--balanced-dark) 60%, #334155 100%);
}
body.home-landing:not(.candidate-area) .valore-card.featured .v-tag {
color: #cbd5e1;
background: rgba(255, 255, 255, 0.08);
border-color: rgba(255, 255, 255, 0.14);
}
body.home-landing:not(.candidate-area) .valore-card.featured .bw-icon {
stroke: #94a3b8;
}
body.home-landing:not(.candidate-area) .come-funziona {
background: linear-gradient(160deg, var(--balanced-dark-deep) 0%, var(--balanced-dark) 55%, #334155 100%);
}
body.home-landing:not(.candidate-area) .cta-finale {
background: linear-gradient(160deg, var(--balanced-dark-deep) 0%, var(--balanced-dark) 100%);
}
body.home-landing:not(.candidate-area) .roles-cloud-section::before {
background: radial-gradient(circle, rgba(15, 23, 42, 0.06) 0%, transparent 65%);
}
body.home-landing:not(.candidate-area) .roles-cloud-legend-item--high {
background: rgba(15, 23, 42, 0.07);
}
body.home-landing:not(.candidate-area) .roles-cloud-legend-item--emerging {
background: rgba(100, 116, 139, 0.12);
border-color: rgba(100, 116, 139, 0.35);
}
body.home-landing:not(.candidate-area) .testi-avatar {
border-color: var(--balanced-line);
}
body.home-landing:not(.candidate-area) .bw-home-vm-kicker,
body.home-landing:not(.candidate-area) .vm-home-kicker {
color: var(--balanced-ink-soft);
background: var(--balanced-muted);
border-color: var(--balanced-line);
}
body.home-landing {
--balanced-ink: #0f172a;
--balanced-ink-soft: #475569;
--balanced-line: rgba(15, 23, 42, 0.1);
--balanced-muted: #f1f5f9;
--balanced-dark: #1e293b;
--balanced-dark-deep: #0f172a;
--balanced-warm: var(--terracotta, #b87262);
--line: rgba(15, 23, 42, 0.1);
}
body.home-landing .section-title {
color: var(--balanced-ink);
}
body.home-landing .section-title em {
color: var(--balanced-warm);
}
body.home-landing .bw-home-purpose-card h3,
body.home-landing .claim-bar span {
color: var(--balanced-ink-soft);
}
body.home-landing .btn-ghost-sm {
color: var(--balanced-ink-soft) !important;
border-color: var(--balanced-line) !important;
}
body.home-landing .btn-ghost-sm:hover {
color: var(--balanced-ink) !important;
border-color: rgba(15, 23, 42, 0.22) !important;
background: var(--balanced-muted) !important;
}
body.home-landing .footer-col-links a:hover,
body.home-landing .footer-col a:hover,
body.home-landing .footer-bottom a:hover {
color: rgba(255, 255, 255, 0.88);
}
body.home-landing nav.landing-nav {
border-bottom-color: var(--balanced-line);
}
body.home-landing .cta {
background: linear-gradient(160deg, var(--balanced-dark-deep) 0%, var(--balanced-dark) 100%);
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-hero {
background:
radial-gradient(80% 70% at 0% 100%, rgba(184, 114, 98, 0.06), transparent 50%),
linear-gradient(180deg, #f8fafc 0%, #ffffff 55%, #f1f5f9 100%);
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .hero-eyebrow {
color: var(--balanced-ink-soft);
background: var(--balanced-muted);
border-color: var(--balanced-line);
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .hero-eyebrow::before {
background: var(--balanced-ink-soft);
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .hero-h1 em {
background: linear-gradient(120deg, var(--balanced-warm), #d49282);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .hero-pill {
color: var(--balanced-ink-soft);
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .btn-ghost-sm:hover {
border-color: rgba(15, 23, 42, 0.22);
color: var(--balanced-ink);
background: var(--balanced-muted);
}
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-box a,
body.home-landing:not(.candidate-area):not(.auth-page--garden).auth-page .auth-info a {
color: var(--balanced-ink);
}
body.home-landing.legal-page-body .legal-page-hero {
background: linear-gradient(165deg, rgba(15, 23, 42, 0.04) 0%, var(--bianco) 48%, var(--carta) 100%);
border-bottom-color: var(--balanced-line);
}
body.home-landing.legal-page-body .legal-eyebrow {
color: var(--balanced-ink-soft);
}
body.home-landing.legal-page-body .legal-page-card a,
body.home-landing.legal-page-body .legal-toc a {
color: var(--balanced-ink);
}
body.home-landing.legal-page-body .legal-page-card a:hover,
body.home-landing.legal-page-body .legal-toc a:hover {
color: var(--balanced-warm);
}
body.home-landing.blog-page .blog-card-category,
body.home-landing.blog-page .blog-post-meta a {
color: var(--balanced-ink-soft);
}
body.home-landing.blog-page .blog-card-title a:hover,
body.home-landing.blog-page .blog-post-content a {
color: var(--balanced-ink);
}
body.home-landing.how-page .how-block-kicker {
color: var(--balanced-ink-soft);
}
body.home-landing.how-page .how-page-anchors a:hover {
border-color: rgba(15, 23, 42, 0.22);
}
body.home-landing.how-page .how-test-icon {
color: var(--balanced-ink-soft) !important;
border-color: var(--balanced-line) !important;
background: var(--balanced-muted) !important;
}
body.home-landing.how-page .how-faq summary {
color: var(--balanced-ink);
}
body.home-landing.how-page .how-flow-step:hover .how-flow-body h3 {
color: var(--balanced-ink);
}
body.home-landing .purpose-page-hero {
background: linear-gradient(145deg, var(--balanced-dark-deep) 0%, var(--balanced-dark) 60%, #334155 100%);
}
body.home-landing .purpose-page-hero p {
color: rgba(248, 250, 252, 0.78);
}
body.home-landing .purpose-page-block h2 {
color: var(--balanced-ink);
}
body.home-landing .purpose-card {
border-color: var(--balanced-line);
}
body.home-landing .purpose-card h3 {
color: var(--balanced-ink);
}
body.home-landing.landing-aziende-page .laz-hero h1 .laz-gradient,
body.home-landing.landing-aziende-page .laz-hero h1 em {
background: linear-gradient(120deg, var(--balanced-warm), #d49282);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}
body.home-landing.landing-aziende-page .laz-eyebrow,
body.home-landing.landing-aziende-page .laz-kicker {
color: var(--balanced-ink-soft);
background: var(--balanced-muted);
border-color: var(--balanced-line);
}
body.home-landing.landing-aziende-page .laz-check-ico {
background: var(--balanced-muted);
color: var(--balanced-ink-soft);
border-color: var(--balanced-line);
}
body.home-landing.investitori-page #top.hero {
background: linear-gradient(180deg, #f8fafc 0%, #ffffff 55%, #f1f5f9 100%);
}
body.home-landing.investitori-page #top.hero::after {
border-color: rgba(15, 23, 42, 0.08);
}
body.home-landing.investitori-page .hero-eyebrow {
color: var(--balanced-ink-soft);
}
body.home-landing.investitori-page .hero-eyebrow::before {
background: var(--balanced-ink-soft);
}
body.home-landing.investitori-page .hero-h1 {
color: var(--balanced-ink);
}
body.home-landing.investitori-page .hero-h1 em {
color: var(--balanced-warm);
}
body.home-landing.investitori-page .hero-sub {
color: var(--balanced-ink-soft);
}
body.home-landing.investitori-page .hero-pill {
background: var(--balanced-muted);
border-color: var(--balanced-line);
color: var(--balanced-ink-soft);
}
body.home-landing.investitori-page .inv-hero-meta {
color: var(--balanced-ink-soft);
}
body.home-landing.investitori-page .inv-hero-meta a {
color: var(--balanced-ink);
}
body.home-landing.investitori-page .inv-topnav a:hover,
body.home-landing.investitori-page .inv-topnav a.is-active {
color: var(--balanced-ink);
background: var(--balanced-muted);
}
body.home-landing.investitori-page .inv-topbar-actions .btn-ghost-sm {
color: var(--balanced-ink-soft);
border-color: var(--balanced-line);
}
body.home-landing.investitori-page .inv-topbar-actions .btn-ghost-sm:hover {
color: var(--balanced-ink);
border-color: rgba(15, 23, 42, 0.22);
background: var(--balanced-muted);
}
body.home-landing.investitori-page .inv-nav-toggle span {
background: var(--balanced-ink);
}
body.home-landing.investitori-page .section-title em {
color: var(--balanced-warm);
}
body.home-landing.investitori-page .inv-metric strong {
color: var(--balanced-ink);
}
body.home-landing.investitori-page .inv-split .valore-card.featured {
background:
radial-gradient(120% 110% at 100% 0%, rgba(148, 163, 184, 0.22), transparent 55%),
linear-gradient(145deg, #0f172a 0%, var(--balanced-dark) 60%, #334155 100%);
}
body.home-landing.investitori-page .inv-yes {
color: var(--balanced-ink);
}
body.home-landing.investitori-page .inv-phase h3 {
color: var(--balanced-ink);
}
body.home-landing.investitori-page .inv-phase {
border-top-color: rgba(15, 23, 42, 0.18);
}
body.home-landing.investitori-page .inv-circle--tam,
body.home-landing.investitori-page .inv-circle--sam {
color: var(--balanced-ink-soft);
background: var(--balanced-muted);
border-color: var(--balanced-line);
}
body.home-landing.investitori-page .inv-circle--som {
background: var(--balanced-dark);
border-color: var(--balanced-dark);
}
body.home-landing.investitori-page .inv-tier.featured {
border-top-color: var(--balanced-warm);
}
body.home-landing.investitori-page .inv-tier:not(.featured) .btn-verde {
color: var(--balanced-ink);
border-color: var(--balanced-line);
background: #fff;
}
body.home-landing.investitori-page .inv-tier:not(.featured) .btn-verde:hover {
border-color: rgba(15, 23, 42, 0.22);
background: var(--balanced-muted);
}
body.home-landing.values-match-page .vm-hero-eyebrow,
body.home-landing.values-match-page .vm-section-label {
color: var(--balanced-ink-soft);
background: var(--balanced-muted);
border-color: var(--balanced-line);
}
body.home-landing.values-match-page .vm-hero-stat strong,
body.home-landing.values-match-page .vm-score-value {
color: var(--balanced-ink);
}
body.home-landing.values-match-page .vm-region-tab.is-active {
background: var(--balanced-ink);
border-color: var(--balanced-ink);
}
body.home-landing.annunci-page .annunci-filters input:focus,
body.home-landing.annunci-page .annunci-filters select:focus {
border-color: rgba(15, 23, 42, 0.28);
}
body.home-landing.roadmap-page-body .roadmap-page-hero {
background: linear-gradient(165deg, rgba(15, 23, 42, 0.04) 0%, var(--bianco) 48%, var(--carta) 100%);
border-bottom-color: var(--balanced-line);
}
body.home-landing.roadmap-page-body .roadmap-page-hero h1 em {
color: var(--balanced-warm);
}
body.home-landing.roadmap-page-body .roadmap-phase a {
color: var(--balanced-ink);
}
body.home-landing.roadmap-page-body .roadmap-status--live {
background: var(--balanced-muted);
color: var(--balanced-ink);
}
body.home-landing.landing-torino-page .lt-eyebrow {
color: var(--balanced-ink-soft);
background: var(--balanced-muted);
border-color: var(--balanced-line);
}
body.home-landing.landing-torino-page .lt-hero h1 em {
color: var(--balanced-warm);
}
body.home-landing.landing-torino-page .lt-pill {
color: var(--balanced-ink-soft);
background: var(--balanced-muted);
border-color: var(--balanced-line);
}
body.home-landing.candidate-register-page .cr-reg-title {
color: var(--balanced-ink);
}
body.home-landing.candidate-register-page .cr-reg-lead strong {
color: var(--balanced-ink);
}
body.home-landing.candidate-register-page .cr-reg-foot a,
body.home-landing.candidate-register-page .cr-reg-foot button.bw-cc-open-link {
color: var(--balanced-ink);
}
body.home-landing.company-register-page {
background:
radial-gradient(120% 60% at 100% 0%, rgba(15, 23, 42, 0.04), transparent 55%),
linear-gradient(180deg, #f8fafc 0%, #ffffff 30%);
}
body.home-landing.company-register-page .co-reg-back:hover {
color: var(--balanced-ink);
border-color: rgba(15, 23, 42, 0.22);
}
body.home-landing.community-page .bw-community-ambassadors-eyebrow {
color: var(--balanced-ink-soft);
}
body.home-landing.community-page .bw-community-filter.is-active {
background: var(--balanced-ink);
border-color: var(--balanced-ink);
}
body.home-landing.community-page .bw-community-filter:hover {
border-color: rgba(15, 23, 42, 0.22);
color: var(--balanced-ink);
}

body.legal-page-body {
background: var(--bianco);
}
.legal-page-hero {
padding: 7.25rem var(--home-gutter) 3.5rem;
background: linear-gradient(
165deg,
rgba(106, 171, 138, 0.12) 0%,
var(--bianco) 48%,
var(--carta) 100%
);
border-bottom: 1px solid rgba(42, 92, 71, 0.1);
}
.legal-page-hero .container {
max-width: 760px;
margin: 0 auto;
text-align: center;
}
.legal-eyebrow {
margin: 0 0 0.75rem;
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--verde-m);
}
.legal-page-hero h1 {
margin: 0 0 1rem;
font-family: var(--bw-font-display);
font-size: clamp(1.85rem, 4vw, 2.65rem);
line-height: 1.15;
font-weight: 700;
color: var(--nero);
}
.legal-page-hero h1 em {
font-style: italic;
color: var(--terracotta);
}
.legal-lead {
margin: 0 auto 1rem;
max-width: 38rem;
font-size: 1.0625rem;
line-height: 1.7;
color: var(--grigio);
}
.legal-updated {
margin: 0;
font-size: 0.875rem;
color: var(--grigio);
letter-spacing: 0.02em;
}
.legal-page-main {
padding: 0 var(--home-gutter) 5rem;
}
.legal-page-card {
max-width: 820px;
margin: -1.5rem auto 0;
padding: clamp(1.75rem, 4vw, 2.75rem);
background: var(--bianco);
border: 1px solid var(--line);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-soft);
}
.legal-page-card h2 {
scroll-margin-top: 6rem;
margin: 2.75rem 0 1rem;
font-family: var(--bw-font-display);
font-size: clamp(1.35rem, 2.5vw, 1.65rem);
font-weight: 700;
line-height: 1.25;
color: var(--verde);
}
.legal-page-card h2:first-child,
.legal-page-card .legal-toc + h2,
.legal-cms-body > h2:first-child,
.legal-cms-body > section:first-child > h2:first-child {
margin-top: 0;
}
.legal-page-card h3 {
margin: 1.75rem 0 0.65rem;
font-size: 1.125rem;
font-weight: 600;
color: var(--nero);
}
.legal-page-card h4 {
margin: 1.35rem 0 0.5rem;
font-size: 1rem;
font-weight: 600;
color: var(--verde-m);
}
.legal-page-card p {
margin: 0 0 1rem;
font-size: 1rem;
line-height: 1.75;
color: var(--nero);
}
.legal-page-card a {
color: var(--verde);
text-decoration: underline;
text-underline-offset: 0.15em;
transition: color 0.15s ease;
}
.legal-page-card a:hover {
color: var(--verde-m);
}
.legal-page-card code {
font-size: 0.9em;
padding: 0.15em 0.45em;
background: var(--carta);
border-radius: 6px;
color: var(--verde);
}
.legal-toc {
margin: 0 0 2.5rem;
padding: 1.35rem 1.5rem;
background: var(--carta);
border: 1px solid rgba(42, 92, 71, 0.1);
border-radius: var(--radius);
}
.legal-toc-title {
margin: 0 0 0.85rem;
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--verde-m);
}
.legal-toc ul {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-direction: column;
gap: 0.45rem;
}
.legal-toc a {
display: inline-block;
font-size: 0.9375rem;
font-weight: 500;
color: var(--verde);
text-decoration: none;
line-height: 1.45;
transition: color 0.15s ease;
}
.legal-toc a:hover {
color: var(--terracotta);
text-decoration: underline;
text-underline-offset: 0.12em;
}
.legal-list {
margin: 0 0 1.25rem;
padding-left: 1.35rem;
}
.legal-list li {
margin-bottom: 0.4rem;
line-height: 1.65;
color: var(--nero);
}
.legal-list li::marker {
color: var(--verde-l);
}
.legal-titolare {
margin: 0 0 1.25rem;
padding: 1.25rem 1.35rem;
background: rgba(106, 171, 138, 0.08);
border: 1px solid rgba(42, 92, 71, 0.12);
border-radius: var(--radius);
}
.legal-titolare p {
margin: 0 0 0.75rem;
}
.legal-titolare p:last-child {
margin-bottom: 0;
}
.legal-cc-btn {
display: inline-flex;
align-items: center;
margin: 0.25rem 0;
padding: 0.65rem 1.25rem;
font-family: inherit;
font-size: 0.9375rem;
font-weight: 500;
color: var(--verde);
background: transparent;
border: 1.5px solid rgba(42, 92, 71, 0.35);
border-radius: var(--radius-pill);
cursor: pointer;
transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.legal-cc-btn:hover {
background: rgba(42, 92, 71, 0.06);
border-color: var(--verde);
}
.legal-foot {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem 1.25rem;
margin: 2.5rem 0 0;
padding-top: 1.75rem;
border-top: 1px solid var(--line);
}
.legal-foot a {
font-size: 0.9375rem;
font-weight: 500;
text-decoration: none;
}
.legal-foot a:hover {
text-decoration: underline;
}
.legal-eyebrow-pill {
display: inline-flex;
align-items: center;
gap: 0.45rem;
margin-bottom: 1rem;
padding: 0.4rem 0.9rem;
font-size: 0.8125rem;
font-weight: 600;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--verde);
background: rgba(106, 171, 138, 0.12);
border: 1px solid rgba(42, 92, 71, 0.12);
border-radius: var(--radius-pill);
}
.legal-eyebrow-icon {
stroke: var(--verde-m);
}
.legal-actions {
margin: 0 0 1.5rem;
padding: 0;
list-style: none;
display: grid;
gap: 0.75rem;
}
.legal-actions li {
display: flex;
align-items: flex-start;
gap: 0.85rem;
padding: 1rem 1.15rem;
background: var(--carta);
border-radius: var(--radius);
border: 1px solid rgba(42, 92, 71, 0.1);
}
.legal-action-icon {
flex-shrink: 0;
color: var(--verde-m);
}
.legal-contact-card {
display: flex;
gap: 1rem;
margin: 1.5rem 0;
padding: 1.35rem;
background: rgba(106, 171, 138, 0.08);
border: 1px solid rgba(42, 92, 71, 0.12);
border-radius: var(--radius);
}
.legal-contact-icon {
flex-shrink: 0;
color: var(--verde);
}
.legal-contact-title {
margin: 0 0 0.35rem;
font-weight: 600;
color: var(--verde);
}
.legal-contact-company,
.legal-contact-email,
.legal-contact-note {
margin: 0 0 0.35rem;
}
.legal-contact-label {
display: block;
font-size: 0.8125rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--grigio);
}
.legal-alert {
margin: 0 0 1.25rem;
padding: 0.9rem 1rem;
border-radius: 12px;
background: #fdecea;
border: 1px solid #f5c6c2;
color: #7a1f16;
}
.legal-alert p {
margin: 0 0 0.35rem;
}
.legal-alert p:last-child {
margin-bottom: 0;
}
.legal-alert a {
color: inherit;
font-weight: 600;
}
.legal-cms-body {
line-height: 1.7;
}
.legal-cms-body > *:first-child {
margin-top: 0;
}
.legal-cms-body table {
width: 100%;
border-collapse: collapse;
margin: 1rem 0;
font-size: 0.95rem;
}
.legal-cms-body th,
.legal-cms-body td {
border: 1px solid var(--line, #dce5e0);
padding: 0.45rem 0.65rem;
text-align: left;
}
.legal-related {
margin-top: 2rem;
padding-top: 1.25rem;
border-top: 1px solid var(--line, #e5ebe7);
}
.legal-policy-index {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0.75rem;
}
.legal-policy-index a {
display: block;
padding: 1rem 1.1rem;
border: 1px solid var(--line, #e5ebe7);
border-radius: 12px;
text-decoration: none;
color: inherit;
}
.legal-policy-index a:hover,
.legal-policy-index a:focus-visible {
border-color: var(--verde-m, #2a5c47);
}
.legal-policy-index strong {
display: block;
margin-bottom: 0.25rem;
}
.legal-policy-index span {
display: block;
font-size: 0.9rem;
color: var(--grigio, #66706c);
font-weight: 400;
line-height: 1.5;
}
.legal-page-card .cr-reg-honeypot {
position: absolute;
left: -9999px;
width: 1px;
height: 1px;
overflow: hidden;
}
@media (max-width: 640px) {
.legal-page-hero {
padding-top: 6.5rem;
}
.legal-page-card {
margin-top: -1rem;
padding: 1.35rem 1.15rem;
}
.legal-foot {
flex-direction: column;
align-items: flex-start;
}
}
body.home-landing.legal-page-body.legal-page--garden {
--g-dark: #1e4536;
--g-mid: #2a5c47;
--g-bright: #6aab8a;
--g-soft: #b8dcc8;
--g-accent: #8f6a55;
--g-ink: #292524;
--g-ink-soft: #4a4642;
--g-ink-mute: #66706c;
--g-paper: #f1f4f2;
--g-paper-2: #e5ebe7;
--g-surface: #ffffff;
--g-hairline: rgba(30, 69, 54, 0.14);
--g-r-sm: 10px;
--g-r-md: 18px;
--g-r-lg: 28px;
--g-shadow-soft: 0 1px 2px rgba(30, 69, 54, 0.04), 0 8px 24px rgba(30, 69, 54, 0.06);
--g-shadow-lift: 0 1px 2px rgba(30, 69, 54, 0.06), 0 18px 50px rgba(30, 69, 54, 0.12);
--g-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
background: var(--g-paper);
color: var(--g-ink);
-webkit-font-smoothing: antialiased;
}
html body.home-landing.legal-page-body.legal-page--garden::before {
content: "";
display: block;
position: fixed;
inset: 0;
z-index: 0;
pointer-events: none;
background-image:
linear-gradient(180deg, rgba(243, 245, 243, 0.96) 0%, rgba(255, 255, 255, 0.92) 100%);
}
body.legal-page--garden .legal-page-hero,
body.legal-page--garden .legal-page-main,
body.legal-page--garden .landing-footer,
body.legal-page--garden nav.landing-nav {
position: relative;
z-index: 1;
}
body.legal-page--garden .legal-page-hero {
padding: calc(var(--home-nav-height, 4.5rem) + 2.75rem) var(--home-gutter, 1.25rem) 3.25rem;
background: var(--g-surface, #fff);
border-bottom: 0;
}
body.legal-page--garden .legal-page-hero .container {
max-width: 44rem;
}
body.legal-page--garden .legal-eyebrow {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.65rem;
margin: 0 0 0.9rem;
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--g-mid);
}
body.legal-page--garden .legal-eyebrow::before {
content: "";
width: 1.5rem;
height: 1px;
background: var(--g-accent);
flex: 0 0 auto;
}
body.legal-page--garden .legal-page-hero h1 {
margin: 0 0 1rem;
font-family: var(--bw-font-display, "Plus Jakarta Sans", system-ui, sans-serif);
font-size: clamp(1.95rem, 4vw, 2.75rem);
font-weight: 600;
letter-spacing: -0.03em;
line-height: 1.1;
color: var(--g-ink);
text-wrap: balance;
}
body.legal-page--garden .legal-page-hero h1 em {
font-style: italic;
font-weight: 600;
color: var(--g-mid);
}
body.legal-page--garden .legal-lead {
margin: 0 auto;
max-width: 40rem;
font-size: clamp(1rem, 1.5vw, 1.08rem);
font-weight: 400;
line-height: 1.7;
color: var(--g-ink-soft);
text-wrap: pretty;
}
body.legal-page--garden .legal-updated {
margin: 1rem 0 0;
font-size: 0.85rem;
color: var(--g-ink-mute);
letter-spacing: 0.02em;
}
body.legal-page--garden .legal-page-main {
padding: 0 var(--home-gutter, 1.25rem) clamp(3.5rem, 7vw, 5rem);
}
body.legal-page--garden .legal-page-card {
max-width: 820px;
margin: -0.75rem auto 0;
padding: clamp(1.75rem, 4vw, 2.75rem);
background: var(--g-surface);
border: 1px solid var(--g-hairline);
border-radius: var(--g-r-lg);
box-shadow: var(--g-shadow-lift);
}
body.legal-page--garden .legal-page-card h2 {
scroll-margin-top: 6rem;
margin: 2.5rem 0 0.9rem;
font-family: var(--bw-font-display, "Plus Jakarta Sans", system-ui, sans-serif);
font-size: clamp(1.3rem, 2.4vw, 1.55rem);
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
color: var(--g-dark);
}
body.legal-page--garden .legal-page-card h2:first-child,
body.legal-page--garden .legal-page-card .legal-toc + h2 {
margin-top: 0;
}
body.legal-page--garden .legal-page-card h3 {
margin: 1.65rem 0 0.6rem;
font-size: 1.1rem;
font-weight: 600;
color: var(--g-ink);
}
body.legal-page--garden .legal-page-card h4 {
margin: 1.25rem 0 0.45rem;
font-size: 1rem;
font-weight: 600;
color: var(--g-mid);
}
body.legal-page--garden .legal-page-card p {
margin: 0 0 1rem;
font-size: 1rem;
line-height: 1.75;
color: var(--g-ink);
font-weight: 400;
}
body.legal-page--garden .legal-page-card strong {
color: var(--g-dark);
font-weight: 600;
}
body.legal-page--garden .legal-page-card a {
color: var(--g-mid);
text-decoration: none;
border-bottom: 1px solid rgba(42, 92, 71, 0.28);
transition: color 0.2s var(--g-ease), border-color 0.2s var(--g-ease);
}
body.legal-page--garden .legal-page-card a:hover {
color: var(--g-dark);
border-bottom-color: var(--g-dark);
}
body.legal-page--garden .legal-page-card code {
font-size: 0.88em;
padding: 0.15em 0.45em;
background: rgba(42, 92, 71, 0.07);
border: 1px solid var(--g-hairline);
border-radius: 6px;
color: var(--g-dark);
}
body.legal-page--garden .legal-page-card ul:not(.legal-actions):not(.legal-toc ul) {
margin: 0 0 1.25rem;
padding-left: 1.25rem;
color: var(--g-ink);
}
body.legal-page--garden .legal-page-card ul:not(.legal-actions) li {
margin-bottom: 0.45rem;
line-height: 1.65;
}
body.legal-page--garden .legal-page-card ul:not(.legal-actions) li::marker {
color: var(--g-bright);
}
body.legal-page--garden .legal-toc {
margin: 0 0 2.25rem;
padding: 1.25rem 1.35rem;
background: rgba(42, 92, 71, 0.05);
border: 1px solid var(--g-hairline);
border-radius: var(--g-r-md);
box-shadow: none;
}
body.legal-page--garden .legal-toc-title {
margin: 0 0 0.75rem;
font-size: 0.75rem;
font-weight: 500;
letter-spacing: 0.14em;
text-transform: uppercase;
color: var(--g-mid);
}
body.legal-page--garden .legal-toc a:hover {
color: var(--g-dark);
}
body.legal-page--garden .legal-titolare {
background: rgba(42, 92, 71, 0.06);
border: 1px solid var(--g-hairline);
border-radius: var(--g-r-md);
}
body.legal-page--garden .legal-actions {
gap: 0.85rem;
}
body.legal-page--garden .legal-actions li {
padding: 1.1rem 1.2rem;
background: rgba(255, 255, 255, 0.72);
border: 1px solid var(--g-hairline);
border-radius: var(--g-r-md);
box-shadow: none;
transition: transform 0.25s var(--g-ease), box-shadow 0.25s var(--g-ease), border-color 0.25s var(--g-ease);
}
body.legal-page--garden .legal-actions li:hover {
transform: translateY(-2px);
box-shadow: var(--g-shadow-soft);
border-color: transparent;
}
body.legal-page--garden .legal-action-icon {
color: var(--g-mid);
}
body.legal-page--garden .legal-actions strong {
display: block;
margin-bottom: 0.35rem;
font-size: 0.98rem;
color: var(--g-dark);
}
body.legal-page--garden .legal-actions p {
margin: 0;
font-size: 0.92rem;
line-height: 1.6;
color: var(--g-ink-soft);
}
body.legal-page--garden .legal-contact-card {
gap: 1rem;
margin: 1.5rem 0;
padding: 1.35rem 1.4rem;
background: rgba(42, 92, 71, 0.06);
border: 1px solid var(--g-hairline);
border-radius: var(--g-r-md);
}
body.legal-page--garden .legal-contact-icon {
color: var(--g-mid);
}
body.legal-page--garden .legal-contact-title {
margin: 0 0 0.35rem;
font-weight: 600;
color: var(--g-dark);
}
body.legal-page--garden .legal-contact-label {
color: var(--g-ink-mute);
}
body.legal-page--garden .legal-contact-note {
color: var(--g-ink-soft);
font-size: 0.9rem;
}
body.legal-page--garden .legal-cc-btn {
display: inline-flex;
align-items: center;
margin: 0.25rem 0;
padding: 0.7rem 1.25rem;
font-family: inherit;
font-size: 0.9rem;
font-weight: 600;
color: var(--g-dark);
background: transparent;
border: 1px solid var(--g-dark);
border-radius: 999px;
cursor: pointer;
transition: background 0.25s var(--g-ease), color 0.25s var(--g-ease), border-color 0.25s var(--g-ease);
}
body.legal-page--garden .legal-cc-btn:hover {
background: var(--g-dark);
color: #fff;
border-color: var(--g-dark);
}
body.legal-page--garden .legal-page-card p .legal-cc-btn {
margin-left: 0.15rem;
padding: 0.35rem 0.85rem;
font-size: 0.88rem;
vertical-align: baseline;
}
body.legal-page--garden .legal-foot {
margin: 2.5rem 0 0;
padding-top: 1.5rem;
border-top: 1px solid var(--g-hairline);
gap: 0.75rem 1.15rem;
}
body.legal-page--garden .legal-foot a,
body.legal-page--garden .legal-foot .legal-cc-btn {
font-size: 0.9rem;
font-weight: 500;
color: var(--g-ink-mute);
border-bottom: 0;
text-decoration: none;
}
body.legal-page--garden .legal-foot a:hover,
body.legal-page--garden .legal-foot .legal-cc-btn:hover {
color: var(--g-mid);
background: transparent;
border-color: transparent;
}
body.legal-page--garden .legal-page-card > .legal-updated {
margin-top: 1.75rem;
color: var(--g-ink-mute);
}
@media (max-width: 640px) {
body.legal-page--garden .legal-page-card {
margin-top: 0;
padding: 1.35rem 1.15rem 1.5rem;
border-radius: var(--g-r-md);
}
body.legal-page--garden .legal-actions li {
flex-direction: column;
gap: 0.55rem;
}
body.legal-page--garden .legal-contact-card {
flex-direction: column;
}
}
@media (prefers-reduced-motion: reduce) {
body.legal-page--garden .legal-actions li,
body.legal-page--garden .legal-cc-btn,
body.legal-page--garden .legal-page-card a {
transition: none;
}
body.legal-page--garden .legal-actions li:hover {
transform: none;
}
}
:root {
--aim-bg: #0b1220;
--aim-ink: #f8fafc;
--aim-muted: #94a3b8;
--aim-border: rgba(148, 163, 184, 0.18);
--aim-sea: rgba(56, 189, 248, 0.14);
}
*,
*::before,
*::after {
box-sizing: border-box;
}
html,
body {
margin: 0;
min-height: 100%;
}
body.admin-italy-map {
min-height: 100vh;
color: var(--aim-ink);
font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
background:
radial-gradient(ellipse at 50% 42%, var(--aim-sea), transparent 46%),
radial-gradient(circle at 12% 0%, rgba(56, 189, 248, 0.08), transparent 32%),
radial-gradient(circle at 88% 100%, rgba(251, 113, 133, 0.08), transparent 28%),
linear-gradient(165deg, #070d18 0%, var(--aim-bg) 48%, #111827 100%);
}
.admin-italy-map__toolbar {
position: sticky;
top: 0;
z-index: 20;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
min-height: 3.25rem;
padding: 0.55rem 1rem;
border-bottom: 1px solid var(--aim-border);
background: rgba(11, 18, 32, 0.9);
backdrop-filter: blur(10px);
}
.admin-italy-map__brand {
color: var(--aim-ink);
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 0.02em;
text-decoration: none;
}
.admin-italy-map__toolbar-actions {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
gap: 0.45rem;
}
.admin-italy-map__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 2rem;
padding: 0.35rem 0.8rem;
border: 1px solid var(--aim-border);
border-radius: 999px;
background: rgba(255, 255, 255, 0.04);
color: var(--aim-ink);
font: inherit;
font-size: 0.8125rem;
text-decoration: none;
cursor: pointer;
}
.admin-italy-map__btn--primary {
background: rgba(56, 189, 248, 0.16);
border-color: rgba(56, 189, 248, 0.4);
}
.admin-italy-map__stage {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.75rem;
width: min(1080px, calc(100% - 2rem));
margin: 0 auto;
padding: 1.25rem 0 1.5rem;
}
.admin-italy-map__header {
text-align: center;
}
.admin-italy-map__eyebrow {
margin: 0;
color: #7dd3fc;
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.admin-italy-map__title {
margin: 0.3rem 0 0;
font-size: clamp(1.7rem, 3vw, 2.6rem);
font-weight: 700;
letter-spacing: -0.03em;
}
.admin-italy-map__updated {
margin: 0.45rem 0 0;
color: var(--aim-muted);
font-size: 0.875rem;
}
.admin-italy-map__live {
display: inline-flex;
align-items: center;
gap: 0.35rem;
color: #86efac;
font-weight: 700;
}
.admin-italy-map__live-dot {
width: 0.5rem;
height: 0.5rem;
border-radius: 50%;
background: #4ade80;
box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.7);
animation: admin-italy-map-pulse 1.8s ease-out infinite;
}
.admin-italy-map__live.is-syncing {
color: #fde68a;
}
.admin-italy-map__live.is-syncing .admin-italy-map__live-dot {
background: #fbbf24;
animation: none;
}
.admin-italy-map__live.is-error {
color: #fda4af;
}
.admin-italy-map__live.is-error .admin-italy-map__live-dot {
background: #fb7185;
animation: none;
}
.admin-italy-map__canvas {
position: relative;
display: grid;
place-items: center;
width: 100%;
}
.admin-italy-map__svg {
width: auto;
height: min(68vh, 760px);
max-width: 100%;
filter: drop-shadow(0 18px 30px rgba(2, 6, 23, 0.35));
}
.admin-italy-map__region {
stroke: rgba(226, 232, 240, 0.55);
stroke-width: 1.15;
stroke-linejoin: round;
vector-effect: non-scaling-stroke;
fill-rule: evenodd;
cursor: pointer;
transition: fill 1.15s ease, filter 1.15s ease, stroke 0.2s ease;
}
.admin-italy-map__region.is-bright {
filter: drop-shadow(0 0 8px rgba(251, 191, 36, 0.38));
}
.admin-italy-map__region:hover,
.admin-italy-map__region:focus-visible {
stroke: #f8fafc;
stroke-width: 1.8;
}
.admin-italy-map__region:focus {
outline: none;
}
.admin-italy-map__region.is-updated {
animation: admin-italy-map-flash 0.9s ease;
}
.admin-italy-map__tip {
position: absolute;
z-index: 5;
margin: 0;
padding: 0.28rem 0.6rem;
border: 1px solid var(--aim-border);
border-radius: 999px;
background: rgba(15, 23, 42, 0.92);
color: var(--aim-ink);
font-size: 0.8125rem;
font-weight: 600;
pointer-events: none;
transform: translate(-50%, calc(-100% - 10px));
white-space: nowrap;
}
.admin-italy-map__footer {
display: grid;
justify-items: center;
gap: 0.7rem;
width: min(40rem, 100%);
text-align: center;
}
.admin-italy-map__scale {
display: flex;
align-items: center;
gap: 0.7rem;
color: var(--aim-muted);
font-size: 0.875rem;
letter-spacing: 0.01em;
}
.admin-italy-map__scale-bar {
width: min(16rem, 46vw);
height: 0.45rem;
border-radius: 999px;
background: linear-gradient(90deg, #243044 0%, #155e75 18%, #0284c7 42%, #38bdf8 62%, #fbbf24 82%, #fb7185 100%);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08);
}
.admin-italy-map__note {
margin: 0;
color: var(--aim-muted);
font-size: 0.8125rem;
line-height: 1.5;
}
body.admin-italy-map.is-fullscreen .admin-italy-map__toolbar {
position: fixed;
left: 0;
right: 0;
opacity: 0;
transition: opacity 0.25s ease;
}
body.admin-italy-map.is-fullscreen .admin-italy-map__toolbar:hover,
body.admin-italy-map.is-fullscreen .admin-italy-map__toolbar:focus-within {
opacity: 1;
}
@keyframes admin-italy-map-pulse {
70% {
box-shadow: 0 0 0 8px rgba(74, 222, 128, 0);
}
100% {
box-shadow: 0 0 0 0 rgba(74, 222, 128, 0);
}
}
@keyframes admin-italy-map-flash {
0% {
filter: brightness(1.45);
}
100% {
filter: brightness(1);
}
}
@media (max-width: 720px) {
.admin-italy-map__toolbar {
align-items: flex-start;
flex-direction: column;
}
.admin-italy-map__svg {
height: min(58vh, 640px);
}
}
@media (prefers-reduced-motion: reduce) {
.admin-italy-map__live-dot,
.admin-italy-map__region,
.admin-italy-map__region.is-updated {
animation: none;
transition: none;
}
}
.presence-map {
width: min(920px, 100%);
margin: 0 auto 2.25rem;
padding: 1.15rem 0.85rem 1.35rem;
border-radius: 1.75rem;
color: #f8fafc;
background:
radial-gradient(ellipse at 50% 38%, rgba(56, 189, 248, 0.16), transparent 48%),
linear-gradient(165deg, #10192b 0%, #0b1220 55%, #121a2b 100%);
box-shadow: 0 24px 50px rgba(15, 23, 42, 0.16);
}
.presence-map__live {
margin: 0 0 0.2rem;
text-align: center;
}
.presence-map .admin-italy-map__svg {
height: min(62vh, 640px);
}
.presence-map .admin-italy-map__scale {
margin-top: 0.35rem;
}
@media (max-width: 720px) {
.presence-map {
border-radius: 1.25rem;
padding-inline: 0.35rem;
}
.presence-map .admin-italy-map__svg {
height: min(54vh, 520px);
}
}
html body.home-landing {
overflow-x: visible;
}
html body.home-landing > main,
html body.home-landing main {
overflow-x: clip;
}
html body.home-landing nav.landing-nav {
background: rgba(255, 255, 255, 0.94) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
border-bottom: 1px solid rgba(30, 69, 54, 0.12);
box-shadow: 0 1px 0 rgba(15, 23, 42, 0.04);
overflow: visible !important;
}
html body.home-landing.home-landing--garden nav.landing-nav .nav-cta:not(.nav-cta--company) {
background: var(--verde, #2a5c47);
color: var(--avorio, #f3f4f6) !important;
border-color: transparent;
box-shadow: 0 4px 14px rgba(42, 92, 71, 0.22);
}
html body.home-landing.home-landing--garden nav.landing-nav .nav-cta:not(.nav-cta--company):hover {
background: var(--verde-m, #3d7260) !important;
color: var(--avorio, #f3f4f6) !important;
}
@media (min-width: 769px) {
html body.home-landing nav.landing-nav,
html body.home-landing nav.landing-nav.landing-nav--with-lang,
html body.home-landing.home-landing--v2 nav.landing-nav,
html body.home-landing.home-landing--v2 nav.landing-nav.landing-nav--with-lang,
html body.home-landing.home-landing--garden nav.landing-nav,
html body.home-landing.home-landing--garden nav.landing-nav.landing-nav--with-lang {
--home-nav-gutter: clamp(0.65rem, 1.5vw, 1.25rem);
--home-nav-inner-max: 100%;
width: 100%;
max-width: none;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: flex-start;
gap: 0.65rem;
padding-left: var(--home-nav-gutter) !important;
padding-right: var(--home-nav-gutter) !important;
overflow: visible !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
html body.home-landing nav.landing-nav .nav-logo {
flex: 0 0 auto;
margin-right: 0.25rem;
}
html body.home-landing nav.landing-nav .nav-links {
flex: 1 1 auto;
min-width: 0;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
gap: 0.45rem;
overflow: visible !important;
}
html body.home-landing nav.landing-nav .nav-links-main {
display: flex !important;
flex: 1 1 auto;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-end;
gap: clamp(0.35rem, 0.65vw, 0.75rem);
min-width: 0 !important;
max-width: none !important;
overflow: visible !important;
}
html body.home-landing nav.landing-nav .nav-auth-cluster {
flex: 0 0 auto;
flex-shrink: 0;
margin-left: 0.35rem;
padding-left: 0.55rem;
gap: 0.35rem;
}
}
html body.home-landing nav.landing-nav .nav-links-main > a.nav-main-link,
html body.home-landing nav.landing-nav .nav-links-main .nav-dropdown--main,
html body.home-landing nav.landing-nav .nav-links-main .nav-dropdown-trigger--main,
html body.home-landing nav.landing-nav .nav-links-main a.nav-dropdown-trigger--main {
display: inline-flex !important;
align-items: center;
flex: 0 0 auto !important;
white-space: nowrap;
visibility: visible !important;
opacity: 1 !important;
font-weight: 500;
font-size: 0.9375rem;
color: #475569 !important;
-webkit-text-fill-color: #475569 !important;
text-decoration: none;
background: transparent;
border: none;
padding: 0;
}
html body.home-landing nav.landing-nav .nav-links-main > a.nav-main-link:hover,
html body.home-landing nav.landing-nav .nav-links-main > a.nav-main-link.is-active,
html body.home-landing nav.landing-nav .nav-links-main .nav-dropdown-trigger--main:hover,
html body.home-landing nav.landing-nav .nav-links-main .nav-dropdown.is-open .nav-dropdown-trigger--main,
html body.home-landing nav.landing-nav .nav-links-main .nav-dropdown-trigger--main.is-active {
color: var(--verde, #2a5c47) !important;
-webkit-text-fill-color: var(--verde, #2a5c47) !important;
}
html body.home-landing nav.landing-nav .nav-dropdown--main {
position: relative;
z-index: 40;
}
html body.home-landing nav.landing-nav .nav-dropdown-panel--main {
z-index: 700;
}
@media (min-width: 769px) and (max-width: 1500px) {
html body.home-landing nav.landing-nav .nav-links-main {
gap: 0.35rem;
}
html body.home-landing nav.landing-nav .nav-links-main > a.nav-main-link,
html body.home-landing nav.landing-nav .nav-links-main .nav-dropdown-trigger--main {
font-size: 0.875rem;
}
html body.home-landing nav.landing-nav .nav-logo {
font-size: 1.2rem !important;
}
html body.home-landing nav.landing-nav .nav-cta--company,
html body.home-landing nav.landing-nav .nav-dropdown-trigger:not(.nav-dropdown-trigger--main),
html body.home-landing nav.landing-nav .nav-cta:not(.nav-cta--company) {
padding: 0.32rem 0.55rem !important;
font-size: 0.875rem !important;
}
}
@media (min-width: 769px) and (max-width: 1280px) {
html body.home-landing nav.landing-nav .nav-cta--company {
display: none !important;
}
}
html body.home-landing nav.landing-nav {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 200;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
@media (min-width: 769px) {
html body.home-landing .nav-links,
html body.home-landing .nav-links-main,
html body.home-landing .nav-auth-cluster {
display: flex;
align-items: center;
}
}
html body.home-landing .nav-dropdown {
position: relative;
}
html body.home-landing .nav-dropdown-trigger:not(.nav-dropdown-trigger--main) {
display: inline-flex;
align-items: center;
gap: 0.35rem;
padding: 0.48rem 1rem;
border-radius: 100px;
border: 1px solid rgba(42, 92, 71, 0.22);
background: rgba(255, 255, 255, 0.65);
color: var(--verde, #2a5c47);
font: inherit;
font-size: 0.9375rem;
font-weight: 500;
cursor: pointer;
}
html body.home-landing .nav-dropdown-chevron {
width: 14px;
height: 14px;
flex-shrink: 0;
}
html body.home-landing .nav-dropdown-panel {
position: absolute;
top: calc(100% + 0.45rem);
right: 0;
min-width: 15.5rem;
padding: 0.4rem;
background: #fff;
border: 1px solid rgba(42, 92, 71, 0.12);
border-radius: 14px;
box-shadow: 0 16px 40px rgba(26, 26, 24, 0.08);
opacity: 0;
visibility: hidden;
transform: translateY(-6px);
pointer-events: none;
z-index: 300;
}
html body.home-landing .nav-dropdown.is-open .nav-dropdown-panel,
html body.home-landing .nav-dropdown--main:hover .nav-dropdown-panel--main,
html body.home-landing .nav-dropdown--main:focus-within .nav-dropdown-panel--main {
opacity: 1;
visibility: visible;
transform: translateY(0);
pointer-events: auto;
}
html body.home-landing .nav-dropdown-item {
display: block;
padding: 0.65rem 0.75rem;
border-radius: 10px;
text-decoration: none;
color: inherit;
}
html body.home-landing .nav-dropdown-item strong {
display: block;
font-size: 0.9375rem;
font-weight: 600;
color: var(--verde, #2a5c47);
margin-bottom: 0.12rem;
}
html body.home-landing .nav-dropdown-item span {
display: block;
font-size: 0.8125rem;
line-height: 1.4;
color: #6b6b60;
}
html body.home-landing .nav-dropdown-item--main > span:not(.nav-dropdown-item__title-row) {
display: none;
}
html body.home-landing .nav-dropdown-item__title-row {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.35rem 0.5rem;
}
html body.home-landing .nav-dropdown-item__title-row strong {
margin-bottom: 0;
}
html body.home-landing .nav-item-badge {
display: inline-block;
font-size: 0.625rem;
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.02em;
text-transform: none;
padding: 0.12rem 0.4rem;
border-radius: 999px;
vertical-align: middle;
}
html body.home-landing .nav-item-badge--beta {
color: #5c4a12;
background: rgba(234, 179, 8, 0.22);
border: 1px solid rgba(180, 130, 20, 0.35);
}
html body.home-landing .nav-public-link .nav-item-badge {
margin-left: 0.25rem;
}
html body.home-landing .home-signup-honeypot,
html body .footer-newsletter-hp {
position: absolute !important;
left: -9999px !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
clip-path: inset(50%) !important;
}
@media (max-width: 768px) {
html body.home-landing .nav-dropdown-panel {
position: static;
opacity: 1;
visibility: visible;
transform: none;
pointer-events: auto;
box-shadow: none;
display: none;
}
html body.home-landing .nav-dropdown.is-open .nav-dropdown-panel {
display: block;
}
}
body.home-landing {
--v2-text-xs: 0.75rem;
--v2-text-sm: 0.9375rem;
--v2-text-base: 1.0625rem;
--v2-text-md: 1.125rem;
--v2-text-lg: 1.1875rem;
--v2-text-xl: clamp(1.5rem, 2.6vw, 2.15rem);
--v2-text-hero: clamp(2.05rem, 4.2vw, 3.2rem);
font-size: var(--v2-text-base);
line-height: 1.65;
}
body.home-landing.how-page--v2 .how-v2-lead,
body.home-landing.how-page--v2 .how-block-header p,
body.home-landing.how-page--v2 .how-v2-subtitle,
body.home-landing.candidati-page--garden.how-page--v2 .how-v2-hero .how-v2-lead,
body.home-landing.per-aziende-page--garden.how-page--v2 .how-v2-hero .how-v2-lead,
body.home-landing.chi-siamo-page--garden.how-page--v2 .how-v2-hero .how-v2-lead,
body.home-landing.blog-page--garden.how-page--v2 .how-v2-hero .how-v2-lead,
body.home-landing.careers-page--garden.how-page--v2 .how-v2-hero .how-v2-lead,
body.home-landing.candidati-page--garden .how-block-header p,
body.home-landing.candidati-page--garden .how-v2-subtitle,
body.home-landing.per-aziende-page--garden .pa-why__lead,
body.home-landing.per-aziende-page--garden .pa-hr__lead,
body.home-landing.per-aziende-page--garden .pa-results__lead,
body.home-landing.per-aziende-page--garden .pa-match__lead,
body.home-landing.per-aziende-page .pa-why__lead,
body.home-landing.per-aziende-page .pa-hr__lead,
body.home-landing.per-aziende-page .pa-results__lead,
body.home-landing.per-aziende-page .pa-match__lead,
body.home-landing.chi-siamo-page--garden .how-block-header p,
body.home-landing.chi-siamo-page--garden .cs-values__lead,
body.home-landing.chi-siamo-page--garden .cs-innovate__lead,
body.home-landing.chi-siamo-page--garden .cs-exist__lead,
body.home-landing.chi-siamo-page--garden .cs-intro__copy .how-v2-lead {
font-size: var(--v2-text-lg);
line-height: 1.65;
}
body.home-landing.candidati-page--garden.how-page--v2 .how-v2-hero .how-v2-lead--secondary,
body.home-landing.per-aziende-page--garden.how-page--v2 .how-v2-hero .how-v2-lead--secondary,
body.home-landing.chi-siamo-page--garden.how-page--v2 .how-v2-hero .how-v2-lead--secondary,
body.home-landing.chi-siamo-page--garden .cs-intro__copy .how-v2-lead--secondary {
font-size: var(--v2-text-base);
line-height: 1.65;
}
body.home-landing.how-page--v2 .how-v2-hero h1,
body.home-landing.candidati-page--garden.how-page--v2 .how-page-hero.how-v2-hero h1,
body.home-landing.per-aziende-page--garden.how-page--v2 .how-page-hero.how-v2-hero h1,
body.home-landing.chi-siamo-page--garden.how-page--v2 .how-page-hero.how-v2-hero h1,
body.home-landing.chi-siamo-page--garden .cs-intro__copy h2,
body.home-landing.blog-page--garden.how-page--v2 .how-page-hero.how-v2-hero h1 {
font-size: var(--v2-text-hero);
line-height: 1.1;
}
body.home-landing.how-page--v2 .how-v2-feature-card p,
body.home-landing.how-page--v2 .how-v2-test-card p,
body.home-landing.how-page--v2 .how-v2-fact p,
body.home-landing.how-page--v2 .how-flow-body p,
body.home-landing.how-page--v2 .how-list,
body.home-landing.how-page--v2 .how-v2-checklist li,
body.home-landing.how-page--v2 .how-v2-teaser__copy p,
body.home-landing.candidati-page--garden .how-v2-feature-card p,
body.home-landing.candidati-page--garden .how-v2-test-card p,
body.home-landing.candidati-page--garden .how-v2-fact p,
body.home-landing.candidati-page--garden .how-flow-body p,
body.home-landing.candidati-page--garden .how-list,
body.home-landing.candidati-page--garden .candidati-journey__card > p,
body.home-landing.candidati-page--garden .candidati-tests__lead,
body.home-landing.candidati-page--garden .candidati-tests__list li,
body.home-landing.candidati-page--garden .candidati-tests__fact-close,
body.home-landing.candidati-page--garden .candidati-tests__subtitle,
body.home-landing.chi-siamo-page--garden .how-v2-teaser__copy p,
body.home-landing.chi-siamo-page--garden .cs-exist__text,
body.home-landing.chi-siamo-page--garden .cs-values__text,
body.home-landing.chi-siamo-page--garden .cs-innovate__text,
body.home-landing.chi-siamo-page--garden .cs-innovate__close,
body.home-landing.chi-siamo-page--garden .how-v2-why p,
body.home-landing.per-aziende-page--garden .pa-why__body p,
body.home-landing.per-aziende-page--garden .pa-match__body p,
body.home-landing.per-aziende-page--garden .pa-compare__body p,
body.home-landing.per-aziende-page--garden .how-v2-feature-card p,
body.home-landing.per-aziende-page .pa-hero-board__lead,
body.home-landing.per-aziende-page .pa-hero-board__node-text,
body.home-landing.per-aziende-page .pa-hero-board__ai-text,
body.home-landing.per-aziende-page .pa-why__item p,
body.home-landing.per-aziende-page .pa-steps__item p,
body.home-landing.per-aziende-page .pa-hr__item p,
body.home-landing.per-aziende-page .pa-results__item p,
body.home-landing.blog-page .blog-card-excerpt,
body.home-landing.blog-page .blog-page-lead,
body.home-landing.blog-page--garden .blog-card-excerpt {
font-size: var(--v2-text-base);
line-height: 1.65;
}
body.home-landing.how-page--v2 .how-v2-feature-card h3,
body.home-landing.how-page--v2 .how-v2-test-card h3,
body.home-landing.how-page--v2 .how-v2-why h3,
body.home-landing.how-page--v2 .how-v2-fact h3,
body.home-landing.candidati-page--garden .candidati-journey__title,
body.home-landing.chi-siamo-page--garden .cs-values__title,
body.home-landing.chi-siamo-page--garden .cs-exist__title,
body.home-landing.per-aziende-page--garden .pa-why__body h3,
body.home-landing.per-aziende-page--garden .pa-why__body h4,
body.home-landing.per-aziende-page--garden .pa-results__card h3,
body.home-landing.per-aziende-page--garden .pa-steps__card h3,
body.home-landing.per-aziende-page--garden .pa-match__card h3,
body.home-landing.blog-page .blog-card-title,
body.home-landing.blog-page--garden .blog-card-title {
font-size: var(--v2-text-md);
line-height: 1.35;
}
body.home-landing.how-page--v2 .how-v2-btn,
body.home-landing.candidati-page--garden .how-v2-btn,
body.home-landing.per-aziende-page--garden .how-v2-btn,
body.home-landing.per-aziende-page--garden .pa-btn,
body.home-landing.chi-siamo-page--garden .how-v2-btn,
body.home-landing.blog-page--garden .how-v2-btn,
body.home-landing.blog-page .blog-card-link {
font-size: var(--v2-text-base);
}
body.home-landing.how-page--v2 .how-v2-hero__trail,
body.home-landing.candidati-page--garden .candidati-tests__card-title,
body.home-landing.candidati-page--garden .candidati-tests__compare-item,
body.home-landing.chi-siamo-page--garden .how-v2-teaser__copy .cs-mission-checklist,
body.home-landing.per-aziende-page .pa-hero-board__node-title,
body.home-landing.per-aziende-page .pa-hero-board__ai-title,
body.home-landing.per-aziende-page .pa-hero-board__benefit-label,
body.home-landing.blog-page .blog-card-meta,
body.home-landing.blog-page--garden .blog-card-meta {
font-size: var(--v2-text-sm);
line-height: 1.55;
}
body.home-landing.how-page--v2 .how-v2-eyebrow,
body.home-landing.how-page--v2 .how-block-kicker,
body.home-landing.candidati-page--garden .how-v2-eyebrow,
body.home-landing.candidati-page--garden .how-block-kicker,
body.home-landing.per-aziende-page--garden .how-v2-eyebrow,
body.home-landing.per-aziende-page--garden .how-block-kicker,
body.home-landing.per-aziende-page--garden .pa-kicker,
body.home-landing.per-aziende-page--garden .pa-match__kicker,
body.home-landing.chi-siamo-page--garden .how-v2-eyebrow,
body.home-landing.chi-siamo-page--garden .how-block-kicker,
body.home-landing.blog-page--garden .how-v2-eyebrow {
font-size: var(--v2-text-xs);
}
body.home-landing.how-page--v2 .how-block-header h2,
body.home-landing.candidati-page--garden .how-block-header h2,
body.home-landing.per-aziende-page--garden .how-block-header h2,
body.home-landing.per-aziende-page--garden .pa-block-header h2,
body.home-landing.per-aziende-page--garden .pa-hero-board__title,
body.home-landing.per-aziende-page--garden .pa-why__title,
body.home-landing.per-aziende-page--garden .pa-steps__title,
body.home-landing.per-aziende-page--garden .pa-hr__title,
body.home-landing.per-aziende-page--garden .pa-results__title,
body.home-landing.per-aziende-page--garden .pa-match__title,
body.home-landing.per-aziende-page--garden .pa-compare__title,
body.home-landing.per-aziende-page--garden .pa-pricing__choose,
body.home-landing.chi-siamo-page--garden .how-block-header h2,
body.home-landing.chi-siamo-page--garden .cs-values__header h2,
body.home-landing.chi-siamo-page--garden .cs-innovate__header h2,
body.home-landing.candidati-page--garden .candidati-journey .how-block-header h2,
body.home-landing.candidati-page--garden .candidati-tests__header h2 {
font-size: var(--v2-text-xl);
line-height: 1.15;
}
body.home-landing.per-aziende-page--garden .pa-hero-board__tagline,
body.home-landing.per-aziende-page--garden .pa-block-header p {
font-size: var(--v2-text-lg);
line-height: 1.65;
}
body.home-landing.per-aziende-page .pa-faq .how-faq-item summary {
font-size: var(--v2-text-md);
line-height: 1.4;
}
body.home-landing.per-aziende-page--garden .pa-story__list li,
body.home-landing.per-aziende-page--garden .pa-story__ai-lead,
body.home-landing.per-aziende-page--garden .pa-hr__text,
body.home-landing.per-aziende-page--garden .pa-hr__footer p,
body.home-landing.per-aziende-page--garden .pa-results__text,
body.home-landing.per-aziende-page--garden .pa-results__footer-text,
body.home-landing.per-aziende-page--garden .pa-compare__step-body,
body.home-landing.per-aziende-page--garden .pa-compare__result p,
body.home-landing.per-aziende-page--garden .pa-compare__bridge-text,
body.home-landing.per-aziende-page--garden .pa-plan__features li,
body.home-landing.per-aziende-page--garden .pa-plan__tagline,
body.home-landing.per-aziende-page--garden .pa-plan__note,
body.home-landing.per-aziende-page--garden .pa-compare-table__row > *,
body.home-landing.per-aziende-page--garden .pa-faq-answer,
body.home-landing.per-aziende-page--garden .pa-pricing__trust,
body.home-landing.per-aziende-page .pa-compare-table__note,
body.home-landing.per-aziende-page .pa-hr__footer-copy p {
font-size: var(--v2-text-base);
line-height: 1.65;
}
body.home-landing.per-aziende-page .pa-hr__footer-strong {
font-size: var(--v2-text-base) !important;
}
body.home-landing.per-aziende-page--garden .how-v2-hero__trail,
body.home-landing.per-aziende-page--garden .pa-plan__price-alt,
body.home-landing.per-aziende-page--garden .pa-pricing__cta-note,
body.home-landing.per-aziende-page--garden .pa-compare-table__row--head > * {
font-size: var(--v2-text-sm);
line-height: 1.55;
}
body.home-landing.how-page--v2.per-aziende-page.per-aziende-page--garden .how-v2-hero h1 {
font-size: var(--v2-text-hero);
line-height: 1.12;
}
@media (max-width: 760px) {
body.home-landing.how-page--v2.per-aziende-page .how-v2-hero h1,
body.home-landing.how-page--v2.per-aziende-page.per-aziende-page--garden .how-v2-hero h1 {
font-size: var(--v2-text-hero);
}
body.home-landing.how-page--v2.per-aziende-page .how-v2-lead {
font-size: var(--v2-text-lg);
}
}
body.home-landing {
--cs-violet: #5f6ec4;
--cs-violet-wash: #f5f5fb;
--cs-teal: #2a8f7e;
--cs-teal-wash: #f3f9f7;
--cs-coral: #c26b62;
--cs-coral-wash: #faf6f4;
--cs-sky: #4f86b8;
--cs-sky-wash: #f4f8fb;
--cs-lime: #5d8f4a;
--cs-lime-wash: #f5f8f2;
--cs-pink: #b56d93;
--cs-pink-wash: #faf5f8;
--cs-tone: var(--cs-violet);
--cs-wash: var(--cs-violet-wash);
--g-hero-overlay:
linear-gradient(180deg, rgba(30, 69, 54, 0.12) 0%, rgba(15, 30, 26, 0.72) 100%),
linear-gradient(118deg, rgba(42, 92, 71, 0.28) 0%, rgba(42, 143, 128, 0.12) 100%);
}
body.home-landing[class*="--garden"] {
--g-paper: #f3f5f3;
--g-paper-2: #e8eee9;
}
body.home-landing[class*="--garden"].how-page--v2 .how-page-hero.bw-hero--with-photo .bw-hero-photo {
filter: brightness(0.74) saturate(0.95) contrast(1.05);
}
body.home-landing[class*="--garden"].how-page--v2 .how-page-hero.bw-hero--with-photo .bw-hero-photo::after {
background: var(--g-hero-overlay);
}
body.home-landing.home-landing--garden .jr-hero:not(.jr-hero--fullbleed) .jr-hero-scrim {
background:
linear-gradient(180deg, rgba(8, 16, 14, 0.52) 0%, rgba(8, 16, 14, 0.82) 100%),
linear-gradient(90deg, rgba(8, 16, 14, 0.78) 0%, rgba(8, 16, 14, 0.42) 52%, rgba(8, 16, 14, 0.7) 100%);
}
body.home-landing .how-v2-feature-card,
body.home-landing .how-v2-test-card,
body.home-landing .how-v2-why,
body.home-landing .candidati-journey__card,
body.home-landing .pa-why__card,
body.home-landing .pa-story__card,
body.home-landing .pa-steps__card,
body.home-landing .bw-why__card,
body.home-landing .blog-card,
body.home-landing .ail-card {
--cs-tone: var(--cs-violet);
--cs-wash: var(--cs-violet-wash);
position: relative;
overflow: hidden;
background: color-mix(in oklab, var(--cs-wash) 65%, #fff);
border: 1px solid color-mix(in oklab, var(--cs-tone) 14%, rgba(30, 69, 54, 0.12));
box-shadow: 0 1px 2px rgba(30, 69, 54, 0.04), 0 8px 24px rgba(30, 69, 54, 0.06);
}
body.home-landing .how-v2-feature-card:nth-child(6n + 1),
body.home-landing .how-v2-test-card:nth-child(6n + 1),
body.home-landing .how-v2-why:nth-child(6n + 1),
body.home-landing .candidati-journey__step:nth-child(6n + 1) .candidati-journey__card,
body.home-landing .pa-why__card:nth-child(6n + 1),
body.home-landing .bw-why__card:nth-child(6n + 1),
body.home-landing .pa-story__card:nth-child(6n + 1),
body.home-landing .pa-steps__card:nth-child(6n + 1),
body.home-landing .blog-card:nth-child(6n + 1),
body.home-landing .ail-card:nth-child(6n + 1) {
--cs-tone: var(--cs-coral);
--cs-wash: var(--cs-coral-wash);
}
body.home-landing .how-v2-feature-card:nth-child(6n + 2),
body.home-landing .how-v2-test-card:nth-child(6n + 2),
body.home-landing .how-v2-why:nth-child(6n + 2),
body.home-landing .candidati-journey__step:nth-child(6n + 2) .candidati-journey__card,
body.home-landing .pa-why__card:nth-child(6n + 2),
body.home-landing .bw-why__card:nth-child(6n + 2),
body.home-landing .pa-story__card:nth-child(6n + 2),
body.home-landing .pa-steps__card:nth-child(6n + 2),
body.home-landing .blog-card:nth-child(6n + 2),
body.home-landing .ail-card:nth-child(6n + 2) {
--cs-tone: var(--cs-teal);
--cs-wash: var(--cs-teal-wash);
}
body.home-landing .how-v2-feature-card:nth-child(6n + 3),
body.home-landing .how-v2-test-card:nth-child(6n + 3),
body.home-landing .how-v2-why:nth-child(6n + 3),
body.home-landing .candidati-journey__step:nth-child(6n + 3) .candidati-journey__card,
body.home-landing .pa-why__card:nth-child(6n + 3),
body.home-landing .bw-why__card:nth-child(6n + 3),
body.home-landing .pa-story__card:nth-child(6n + 3),
body.home-landing .pa-steps__card:nth-child(6n + 3),
body.home-landing .blog-card:nth-child(6n + 3),
body.home-landing .ail-card:nth-child(6n + 3) {
--cs-tone: var(--cs-violet);
--cs-wash: var(--cs-violet-wash);
}
body.home-landing .how-v2-feature-card:nth-child(6n + 4),
body.home-landing .how-v2-test-card:nth-child(6n + 4),
body.home-landing .how-v2-why:nth-child(6n + 4),
body.home-landing .candidati-journey__step:nth-child(6n + 4) .candidati-journey__card,
body.home-landing .pa-why__card:nth-child(6n + 4),
body.home-landing .bw-why__card:nth-child(6n + 4),
body.home-landing .pa-story__card:nth-child(6n + 4),
body.home-landing .pa-steps__card:nth-child(6n + 4),
body.home-landing .blog-card:nth-child(6n + 4),
body.home-landing .ail-card:nth-child(6n + 4) {
--cs-tone: var(--cs-sky);
--cs-wash: var(--cs-sky-wash);
}
body.home-landing .how-v2-feature-card:nth-child(6n + 5),
body.home-landing .how-v2-test-card:nth-child(6n + 5),
body.home-landing .how-v2-why:nth-child(6n + 5),
body.home-landing .candidati-journey__step:nth-child(6n + 5) .candidati-journey__card,
body.home-landing .pa-why__card:nth-child(6n + 5),
body.home-landing .bw-why__card:nth-child(6n + 5),
body.home-landing .pa-story__card:nth-child(6n + 5),
body.home-landing .pa-steps__card:nth-child(6n + 5),
body.home-landing .blog-card:nth-child(6n + 5),
body.home-landing .ail-card:nth-child(6n + 5) {
--cs-tone: var(--cs-pink);
--cs-wash: var(--cs-pink-wash);
}
body.home-landing .how-v2-feature-card:nth-child(6n),
body.home-landing .how-v2-test-card:nth-child(6n),
body.home-landing .how-v2-why:nth-child(6n),
body.home-landing .candidati-journey__step:nth-child(6n) .candidati-journey__card,
body.home-landing .pa-why__card:nth-child(6n),
body.home-landing .bw-why__card:nth-child(6n),
body.home-landing .pa-story__card:nth-child(6n),
body.home-landing .pa-steps__card:nth-child(6n),
body.home-landing .blog-card:nth-child(6n),
body.home-landing .ail-card:nth-child(6n) {
--cs-tone: var(--cs-lime);
--cs-wash: var(--cs-lime-wash);
}
body.home-landing .how-v2-feature-card::before,
body.home-landing .how-v2-test-card::before,
body.home-landing .how-v2-why::before,
body.home-landing .candidati-journey__card::before,
body.home-landing .pa-why__card::before,
body.home-landing .bw-why__card::before,
body.home-landing .pa-story__card::before,
body.home-landing .pa-steps__card::before,
body.home-landing .blog-card::before,
body.home-landing .ail-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: var(--cs-tone);
pointer-events: none;
z-index: 2;
}
body.home-landing .how-v2-feature-card__icon,
body.home-landing .candidati-journey__icon,
body.home-landing .candidati-journey__step-num,
body.home-landing .pa-why__icon,
body.home-landing .bw-why__icon,
body.home-landing .pa-story__card-icon,
body.home-landing .pa-steps__badge {
background: color-mix(in oklab, var(--cs-tone, var(--cs-teal)) 12%, #fff) !important;
border: 1px solid color-mix(in oklab, var(--cs-tone, var(--cs-teal)) 16%, transparent);
color: var(--cs-tone, var(--cs-teal)) !important;
box-shadow: none;
}
body.home-landing .candidati-journey__step:nth-child(1) {
--cs-tone: var(--cs-coral);
--cs-wash: var(--cs-coral-wash);
}
body.home-landing .candidati-journey__step:nth-child(2) {
--cs-tone: var(--cs-teal);
--cs-wash: var(--cs-teal-wash);
}
body.home-landing .candidati-journey__step:nth-child(3) {
--cs-tone: var(--cs-violet);
--cs-wash: var(--cs-violet-wash);
}
body.home-landing .candidati-journey__step:nth-child(4) {
--cs-tone: var(--cs-sky);
--cs-wash: var(--cs-sky-wash);
}
body.home-landing .candidati-tests__card--solving,
body.home-landing .pa-story__card--identita {
--cs-tone: var(--cs-sky);
--cs-wash: var(--cs-sky-wash);
background: color-mix(in oklab, var(--cs-sky-wash) 65%, #fff);
border-color: color-mix(in oklab, var(--cs-sky) 18%, rgba(30, 69, 54, 0.1));
box-shadow: 0 1px 2px rgba(30, 69, 54, 0.04), 0 8px 24px rgba(30, 69, 54, 0.06);
}
body.home-landing .candidati-tests__card--leadership,
body.home-landing .pa-story__card--persone {
--cs-tone: var(--cs-pink);
--cs-wash: var(--cs-pink-wash);
background: color-mix(in oklab, var(--cs-pink-wash) 65%, #fff);
border-color: color-mix(in oklab, var(--cs-pink) 18%, rgba(30, 69, 54, 0.1));
box-shadow: 0 1px 2px rgba(30, 69, 54, 0.04), 0 8px 24px rgba(30, 69, 54, 0.06);
}
body.home-landing .candidati-tests__card--teamwork,
body.home-landing .pa-story__card--crescita {
--cs-tone: var(--cs-teal);
--cs-wash: var(--cs-teal-wash);
background: color-mix(in oklab, var(--cs-teal-wash) 65%, #fff);
border-color: color-mix(in oklab, var(--cs-teal) 18%, rgba(30, 69, 54, 0.1));
box-shadow: 0 1px 2px rgba(30, 69, 54, 0.04), 0 8px 24px rgba(30, 69, 54, 0.06);
}
body.home-landing .candidati-tests__card--values,
body.home-landing .pa-story__card--esg {
--cs-tone: var(--cs-lime);
--cs-wash: var(--cs-lime-wash);
background: color-mix(in oklab, var(--cs-lime-wash) 65%, #fff);
border-color: color-mix(in oklab, var(--cs-lime) 18%, rgba(30, 69, 54, 0.1));
box-shadow: 0 1px 2px rgba(30, 69, 54, 0.04), 0 8px 24px rgba(30, 69, 54, 0.06);
}
body.home-landing .candidati-tests__card-icon {
background: var(--cs-tone) !important;
color: #fff !important;
border-color: #fff;
}
body.home-landing .pa-story__card-icon {
background: color-mix(in oklab, var(--cs-tone) 12%, #fff) !important;
color: var(--cs-tone) !important;
border: 1px solid color-mix(in oklab, var(--cs-tone) 16%, transparent);
}
body.home-landing .pa-story__card--identita .pa-story__card-icon,
body.home-landing .pa-story__card--persone .pa-story__card-icon,
body.home-landing .pa-story__card--crescita .pa-story__card-icon,
body.home-landing .pa-story__card--esg .pa-story__card-icon {
background: color-mix(in oklab, var(--cs-tone) 12%, #fff) !important;
color: var(--cs-tone) !important;
}
body.home-landing .candidati-tests__card--solving .candidati-tests__card-icon {
background: var(--cs-sky) !important;
}
body.home-landing .candidati-tests__card--leadership .candidati-tests__card-icon {
background: var(--cs-pink) !important;
}
body.home-landing .candidati-tests__card--teamwork .candidati-tests__card-icon {
background: var(--cs-teal) !important;
}
body.home-landing .candidati-tests__card--values .candidati-tests__card-icon {
background: var(--cs-lime) !important;
}
body.home-landing .pa-match__card--good,
body.home-landing .pa-match__card--bad {
--cs-tone: inherit;
}
body.home-landing[class*="--garden"] .how-block.how-block--alt,
body.home-landing[class*="--garden"] .pa-section--alt.how-block {
background: #fff;
}
body.home-landing[class*="--garden"] .how-block.how-v2-section,
body.home-landing[class*="--garden"] .how-block.how-v2-teaser,
body.home-landing[class*="--garden"] .pa-section.how-block,
body.home-landing[class*="--garden"] .candidati-journey.how-section,
body.home-landing[class*="--garden"] .candidati-tests.how-section {
background: var(--g-paper, #f3f5f3);
}
body.home-landing .candidati-tests__why-grid,
body.home-landing .cs-innovate__grid,
body.home-landing[class*="--garden"] .bw-match-block__steps {
gap: 1rem;
border: 0;
background: none;
box-shadow: none;
overflow: visible;
}
body.home-landing .candidati-tests__why-item,
body.home-landing .candidati-tests__compare-item,
body.home-landing .cs-innovate__item,
body.home-landing .cs-values__item,
body.home-landing[class*="--garden"] .bw-match-block__step,
body.home-landing[class*="--garden"] .pa-results__card,
body.home-landing[class*="--garden"] .pa-hr__card,
body.home-landing .how-v2-reason-mini,
body.home-landing .lc-step,
body.home-landing .jt-step,
body.home-landing .bw-lp-reason-card {
--cs-tone: var(--cs-coral);
--cs-wash: var(--cs-coral-wash);
position: relative;
overflow: hidden;
border-radius: var(--g-r-lg, 28px);
background: color-mix(in oklab, var(--cs-wash) 65%, #fff);
border: 1px solid color-mix(in oklab, var(--cs-tone) 14%, rgba(30, 69, 54, 0.12));
box-shadow: 0 1px 2px rgba(30, 69, 54, 0.04), 0 8px 24px rgba(30, 69, 54, 0.06);
transition: transform 0.3s cubic-bezier(0.2, 0.7, 0.2, 1), box-shadow 0.3s cubic-bezier(0.2, 0.7, 0.2, 1), border-color 0.3s cubic-bezier(0.2, 0.7, 0.2, 1);
}
body.home-landing .candidati-tests__why-item:hover,
body.home-landing .candidati-tests__compare-item:hover,
body.home-landing .cs-innovate__item:hover,
body.home-landing .cs-values__item:hover,
body.home-landing[class*="--garden"] .bw-match-block__step:hover,
body.home-landing[class*="--garden"] .pa-results__card:hover,
body.home-landing[class*="--garden"] .pa-hr__card:hover,
body.home-landing .how-v2-reason-mini:hover,
body.home-landing .lc-step:hover,
body.home-landing .jt-step:hover,
body.home-landing .bw-lp-reason-card:hover {
transform: translateY(-4px);
box-shadow: 0 1px 2px rgba(30, 69, 54, 0.06), 0 18px 50px rgba(30, 69, 54, 0.12);
border-color: color-mix(in oklab, var(--cs-tone) 40%, transparent);
}
body.home-landing .candidati-tests__why-item:nth-child(2),
body.home-landing .cs-innovate__item:nth-child(2),
body.home-landing[class*="--garden"] .bw-match-block__step:nth-child(2),
body.home-landing[class*="--garden"] .pa-results__card:nth-child(2),
body.home-landing[class*="--garden"] .pa-hr__card:nth-child(2),
body.home-landing .how-v2-reason-mini:nth-child(2),
body.home-landing .lc-step:nth-child(2),
body.home-landing .jt-step:nth-child(2),
body.home-landing .bw-lp-reason-card:nth-child(2),
body.home-landing .candidati-tests__compare-item:nth-child(2) {
--cs-tone: var(--cs-teal);
--cs-wash: var(--cs-teal-wash);
}
body.home-landing .candidati-tests__why-item:nth-child(3),
body.home-landing .cs-innovate__item:nth-child(3),
body.home-landing[class*="--garden"] .bw-match-block__step:nth-child(3),
body.home-landing[class*="--garden"] .pa-results__card:nth-child(3),
body.home-landing[class*="--garden"] .pa-hr__card:nth-child(3),
body.home-landing .how-v2-reason-mini:nth-child(3),
body.home-landing .lc-step:nth-child(3),
body.home-landing .jt-step:nth-child(3),
body.home-landing .bw-lp-reason-card:nth-child(3) {
--cs-tone: var(--cs-violet);
--cs-wash: var(--cs-violet-wash);
}
body.home-landing .candidati-tests__why-item:nth-child(4),
body.home-landing .cs-innovate__item:nth-child(4),
body.home-landing[class*="--garden"] .bw-match-block__step:nth-child(4),
body.home-landing[class*="--garden"] .pa-results__card:nth-child(4),
body.home-landing[class*="--garden"] .pa-hr__card:nth-child(4),
body.home-landing .how-v2-reason-mini:nth-child(4),
body.home-landing .lc-step:nth-child(4),
body.home-landing .bw-lp-reason-card:nth-child(4) {
--cs-tone: var(--cs-sky);
--cs-wash: var(--cs-sky-wash);
}
body.home-landing[class*="--garden"] .pa-results__card:nth-child(5),
body.home-landing .lc-step:nth-child(5),
body.home-landing .bw-lp-reason-card:nth-child(5) {
--cs-tone: var(--cs-pink);
--cs-wash: var(--cs-pink-wash);
}
body.home-landing .candidati-tests__why-item::before,
body.home-landing .candidati-tests__compare-item::before,
body.home-landing .cs-innovate__item::before,
body.home-landing .cs-values__item::before,
body.home-landing[class*="--garden"] .bw-match-block__step::before,
body.home-landing[class*="--garden"] .pa-results__card::before,
body.home-landing[class*="--garden"] .pa-hr__card::before,
body.home-landing .how-v2-reason-mini::before,
body.home-landing .lc-step::before,
body.home-landing .jt-step::before,
body.home-landing .bw-lp-reason-card::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: var(--cs-tone);
pointer-events: none;
z-index: 2;
}
body.home-landing .candidati-tests__why-num,
body.home-landing .cs-innovate__num,
body.home-landing .cs-values__num,
body.home-landing .how-v2-reason-mini__num,
body.home-landing .bw-lp-reason-card__num {
color: var(--cs-tone);
background: none;
background-image: none;
-webkit-background-clip: unset;
background-clip: unset;
-webkit-text-fill-color: currentColor;
}
body.home-landing .bw-lp-reason-card__num {
background: color-mix(in oklab, var(--cs-tone) 12%, #fff);
border: 1px solid color-mix(in oklab, var(--cs-tone) 16%, transparent);
}
body.home-landing[class*="--garden"] .pa-results__num,
body.home-landing[class*="--garden"] .pa-results__check {
background: var(--cs-tone);
color: #fff;
}
body.home-landing[class*="--garden"] .pa-hr__icon {
background: color-mix(in oklab, var(--cs-tone) 12%, #fff);
color: var(--cs-tone);
border: 1px solid color-mix(in oklab, var(--cs-tone) 16%, transparent);
box-shadow: none;
}
body.home-landing[class*="--garden"] .bw-match-block__ill {
background: color-mix(in oklab, var(--cs-wash) 45%, #fff);
}
body.home-landing[class*="--garden"] .bw-match-block__divider {
background: var(--cs-tone);
}
body.home-landing[class*="--garden"] .how-v2-feature-card,
body.home-landing[class*="--garden"] .how-v2-test-card,
body.home-landing[class*="--garden"] .how-v2-why,
body.home-landing[class*="--garden"] .candidati-journey__card,
body.home-landing[class*="--garden"] .pa-why__card,
body.home-landing[class*="--garden"] .pa-story__card,
body.home-landing[class*="--garden"] .pa-steps__card,
body.home-landing[class*="--garden"] .bw-why__card,
body.home-landing[class*="--garden"] .blog-card,
body.home-landing[class*="--garden"] .ail-card {
background: color-mix(in oklab, var(--cs-wash) 65%, #fff);
border: 1px solid color-mix(in oklab, var(--cs-tone) 14%, rgba(30, 69, 54, 0.12));
box-shadow: 0 1px 2px rgba(30, 69, 54, 0.04), 0 8px 24px rgba(30, 69, 54, 0.06);
}
body.home-landing .lc-step h3,
body.home-landing[class*="--garden"] .pa-results__card h3,
body.home-landing[class*="--garden"] .pa-hr__card h3 {
color: var(--cs-tone);
}
body.home-landing .jt-step-num {
background: color-mix(in oklab, var(--cs-tone) 12%, #fff);
color: var(--cs-tone);
border: 1px solid color-mix(in oklab, var(--cs-tone) 16%, transparent);
}
body.home-landing .pa-hero-board__node,
body.home-landing .pa-hero-board__ai,
body.home-landing .pa-hero-board__benefit {
--cs-tone: var(--cs-teal);
--cs-wash: var(--cs-teal-wash);
position: relative;
overflow: hidden;
background: color-mix(in oklab, var(--cs-wash) 65%, #fff);
border: 1px solid color-mix(in oklab, var(--cs-tone) 14%, rgba(30, 69, 54, 0.12));
box-shadow: 0 1px 2px rgba(30, 69, 54, 0.04), 0 8px 24px rgba(30, 69, 54, 0.06);
}
body.home-landing .pa-hero-board__node:nth-child(1),
body.home-landing .pa-hero-board__benefit:nth-child(1) {
--cs-tone: var(--cs-coral);
--cs-wash: var(--cs-coral-wash);
}
body.home-landing .pa-hero-board__node:nth-child(2),
body.home-landing .pa-hero-board__benefit:nth-child(2) {
--cs-tone: var(--cs-teal);
--cs-wash: var(--cs-teal-wash);
}
body.home-landing .pa-hero-board__node:nth-child(3),
body.home-landing .pa-hero-board__benefit:nth-child(3) {
--cs-tone: var(--cs-violet);
--cs-wash: var(--cs-violet-wash);
}
body.home-landing .pa-hero-board__benefit:nth-child(4) {
--cs-tone: var(--cs-sky);
--cs-wash: var(--cs-sky-wash);
}
body.home-landing .pa-hero-board__benefit:nth-child(5) {
--cs-tone: var(--cs-pink);
--cs-wash: var(--cs-pink-wash);
}
body.home-landing .pa-hero-board__ai {
--cs-tone: var(--cs-lime);
--cs-wash: var(--cs-lime-wash);
}
body.home-landing .pa-hero-board__node::before,
body.home-landing .pa-hero-board__ai::before,
body.home-landing .pa-hero-board__benefit::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: var(--cs-tone);
pointer-events: none;
z-index: 2;
}
@media (prefers-reduced-motion: reduce) {
body.home-landing .candidati-tests__why-item:hover,
body.home-landing .candidati-tests__compare-item:hover,
body.home-landing .cs-innovate__item:hover,
body.home-landing .cs-values__item:hover,
body.home-landing[class*="--garden"] .bw-match-block__step:hover,
body.home-landing[class*="--garden"] .pa-results__card:hover,
body.home-landing[class*="--garden"] .pa-hr__card:hover,
body.home-landing .how-v2-reason-mini:hover,
body.home-landing .lc-step:hover,
body.home-landing .jt-step:hover,
body.home-landing .bw-lp-reason-card:hover,
body.home-landing .pa-hero-board__node:hover,
body.home-landing .pa-hero-board__ai:hover,
body.home-landing .pa-hero-board__benefit:hover {
transform: none;
}
}