html{box-sizing:border-box;}
body{margin:0;padding:0;font-family:"Barlow Condensed", sans-serif;}
*,*::before,*::after{box-sizing:inherit;}
.bottom-region {
width: 100%;
background: #141E27;
color: #F4F8FB;
border-bottom: 1px solid #D3DCE4;
box-shadow: 0 1px 2px rgba(15, 27, 38, 0.08);
}
.page-feature {
max-width: 1280px;
margin: 0 auto;
padding: 1.1rem 1.25rem;
display: flex;
align-items: center;
gap: 1rem;
}
.service-rail {
font-family: "Barlow Condensed", sans-serif;
font-size: 22px;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
color: #F4F8FB;
text-decoration: none;
white-space: nowrap;
flex-shrink: 0;
}
.service-rail:hover,
.service-rail:focus-visible {
color: #8FB8D6;
}
.plain-feature {
flex: 1 1 auto;
display: flex;
align-items: center;
}
.nav-list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: calc(1rem * 1.25);
}
.nav-list a {
display: inline-block;
padding: 0.35rem 0.15rem;
color: #F4F8FB;
text-decoration: none;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.01em;
border-bottom: 2px solid transparent;
transition: color 260ms cubic-bezier(0.22, 0.61, 0.36, 1),
border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.nav-list a:hover,
.nav-list a:focus-visible {
color: #8FB8D6;
border-bottom-color: #8FB8D6;
outline: none;
}
.steady-links {
display: flex;
align-items: center;
gap: 1rem;
flex-shrink: 0;
}
.wide-links {
font-size: calc(16px * .875);
color: #F4F8FB;
opacity: 0.78;
max-width: 20rem;
line-height: 1.35;
}
.public-content {
display: inline-block;
padding: 0.65rem 1.25rem;
background: #8FB8D6;
color: #0E1C28;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.02em;
text-decoration: none;
border-radius: 0.5rem;
box-shadow: 0 1px 2px rgba(15, 27, 38, 0.08);
transition: background 260ms cubic-bezier(0.22, 0.61, 0.36, 1),
box-shadow 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
white-space: nowrap;
}
.public-content:hover,
.public-content:focus-visible{
background: #A9CBE3;
box-shadow: 0 6px 18px rgba(15, 27, 38, 0.12);
outline: none;color:#141E27;}
.nav-cta-mobile {
display: none;
}
.burger {
display: none;
flex-direction: column;
justify-content: center;
gap: 5px;
width: 44px;
height: 40px;
padding: 0;
background: transparent;
border: 1px solid #F4F8FB;
border-radius: 0.3rem;
cursor: pointer;
flex-shrink: 0;
}
.active-footer{
display: block;
width: 22px;
height: 2px;
margin: 0 auto;
background: #F4F8FB;
transition: transform 260ms cubic-bezier(0.22, 0.61, 0.36, 1),
opacity 260ms cubic-bezier(0.22, 0.61, 0.36, 1);color:#141E27;}
.burger[aria-expanded="true"] .active-footer:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.burger[aria-expanded="true"] .active-footer:nth-child(2) {
opacity: 0;
}
.burger[aria-expanded="true"] .active-footer:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
@media (max-width: 1023px) {
.wide-links {
display: none;
}
}
@media (max-width: 767px) {
.page-feature {
flex-wrap: wrap;
justify-content: space-between;
}
.burger {
display: flex;
}
.steady-links {
display: none;
}
.plain-feature {
display: none;
flex-basis: 100%;
flex-direction: column;
align-items: flex-start;
padding-top: 1.1rem;
border-top: 1px solid #D3DCE4;
margin-top: 1.1rem;
}
.plain-feature.is-open {
display: flex;
}
.nav-list {
flex-direction: column;
align-items: flex-start;
gap: 0.35rem;
width: 100%;
}
.nav-list a {
display: block;
width: 100%;
padding: 0.6rem 0;
font-size: calc(16px * 1.125);
border-bottom: 1px solid #D3DCE4;
}
.nav-cta-mobile {
display: block;
width: 100%;
margin-top: 1.1rem;
}
.nav-cta-mobile .public-content {
display: block;
width: 100%;
text-align: center;
}
}
.contact-area{font-family:"Barlow Condensed", sans-serif;font-size:calc(16px * .875);line-height:1.55;padding:calc(1.1rem * 2.4) 1.25rem;background:#141E27;color:#F4F8FB;}
.main-intro{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:calc(1rem * 1.5)}
.secondary-service{border-bottom:1px solid rgba(255, 255, 255, 0.18);padding-bottom:calc(1rem * 1.5)}
.focused-area{font-size:26px;font-weight:600;letter-spacing:0.02em;text-transform:uppercase;margin:0 0 1.1rem 0}
.narrow-feature{display:flex;flex-direction:column;gap:0.4rem;font-style:normal;font-size:16px}
.local-visual{max-width:34rem}
.open-note{color:inherit;text-decoration:none;width:fit-content;border-bottom:1px solid currentColor;transition:opacity 260ms cubic-bezier(0.22, 0.61, 0.36, 1)}
.open-note:hover{opacity:0.75}
.site-unit{display:flex;flex-direction:column;gap:0.5rem}
.media-frame{font-size:40px;font-weight:700;letter-spacing:0.03em;text-transform:uppercase;margin:0}
.secondary-method{margin:0;max-width:40rem;font-size:calc(16px * .875);opacity:0.85}
.page-intro{display:grid;grid-template-columns:1fr;gap:1rem}
.bottom-visual{font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:0.04em;margin:0 0 0.6rem 0}
.local-details{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.35rem}
.local-details a{color:inherit;text-decoration:none;transition:opacity 260ms cubic-bezier(0.22, 0.61, 0.36, 1)}
.local-details a:hover{opacity:0.75;text-decoration:underline;color:inherit}
.focused-headline{border-top:1px solid rgba(255, 255, 255, 0.18);padding-top:calc(1rem * 1.5);display:flex;flex-direction:column;gap:0.6rem}
.simple-service{margin:0;max-width:60rem;font-size:calc(16px * .875);opacity:0.85}
.soft-content{margin:0;font-size:calc(16px * .875);opacity:0.75}
@media (min-width: 640px) {.page-intro{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media (min-width: 960px) {.main-intro{grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr);grid-template-areas:"contact brand"
"nav nav"
"legal legal";gap:calc(1.1rem * 2.4)}.secondary-service{grid-area:contact;border-bottom:none;padding-bottom:0;border-right:1px solid rgba(255, 255, 255, 0.18);padding-right:calc(1rem * 1.5)}.site-unit{grid-area:brand}.page-intro{grid-area:nav;grid-template-columns:repeat(3, minmax(0, 1fr))}.focused-headline{grid-area:legal}
}
.main-form {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
background: #141E27;
color: #F4F8FB;
border-top: 1px solid rgba(255, 255, 255, 0.12);
box-shadow: 0 6px 18px rgba(15, 27, 38, 0.12);
font-family: "Barlow Condensed", sans-serif;
font-size: calc(16px * .875);
line-height: 1.55;
}
.primary-visual {
max-width: 980px;
margin: 0 auto;
padding: 1.1rem 1.25rem;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1rem;
justify-content: space-between;
}
.image {
flex: 1 1 26rem;
min-width: 0;
}
.team-visual {
display: inline;
margin: 0;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.01em;
}
.strong-actions {
display: inline;
margin: 0;
font-size: calc(16px * .875);
opacity: 0.86;
}
.focused-service {
color: #1F4E79;
text-decoration: underline;
text-underline-offset: 2px;
}
.focused-service:hover {
color: #8FB8D6;
}
.local-list {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
flex: 0 0 auto;
}
.site-menu {
font-family: inherit;
font-size: calc(16px * .875);
line-height: 1;
padding: 0.6rem 1.1rem;
border-radius: 0.3rem;
border: 1px solid transparent;
cursor: pointer;
transition: background-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1), color 260ms cubic-bezier(0.22, 0.61, 0.36, 1), border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.plain-plan {
background: transparent;
color: #F4F8FB;
border-color: rgba(255, 255, 255, 0.28);
}
.plain-plan:hover{
background: color-mix(in srgb, currentColor 10%, transparent);color:#141E27;}
.page-benefit {
background: #1F4E79;
color: #F4F8FB;
}
.page-benefit:hover{
background: #173C5E;color:#141E27;}
.site-menu:focus-visible {
outline: 2px solid rgba(31, 78, 121, 0.35);
outline-offset: 2px;
}
@media (max-width: 640px) {
.primary-visual {
padding: 1.1rem 1.25rem;
}
.local-list {
width: 100%;
}
.site-menu {
flex: 1 1 auto;
text-align: center;
}
}
.steady-brand{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem 4rem;
}
.steady-brand .plain-menu{max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: 1.15fr 0.85fr;
gap: 3.5rem;
align-items: start;}
.steady-brand .text-entries{display: flex;
flex-direction: column;
gap: 1.4rem;}
.steady-brand h1{font-size: 64px;
line-height: 1.05;
letter-spacing: -0.01em;
margin: 0;
text-transform: uppercase;}
.steady-brand .local-wrap{font-size: 22px;
line-height: 1.4;
color: #2A3742;
margin: 0;}
.steady-brand .text-entries p{margin: 0;
line-height: 1.6;}
.steady-brand .route{display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.25rem;
margin-top: 0.6rem;}
.steady-brand .contact-form{
display: inline-block;
background: #1F4E79;
color: #F4F8FB;
padding: 0.85rem 1.6rem;
border-radius: 0.5rem;
text-decoration: none;
font-size: 1.05rem;
letter-spacing: 0.02em;
text-transform: uppercase;
transition: background 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.steady-brand .contact-form:hover{
background: #173C5E;color:#141E27;}
.steady-brand .piece{color: #1F4E79;
text-decoration: none;
font-size: 1rem;
border-bottom: 1px solid #8FB8D6;
padding-bottom: 2px;}
.steady-brand .piece:hover{border-bottom-color: #1F4E79;}
.steady-brand .steady-section{margin: 0;
display: flex;
flex-direction: column;
gap: 0.75rem;}
.steady-brand .steady-section img{width: 100%;
height: 100%;
min-height: 320px;
object-fit: cover;
border-radius: 0.75rem;
display: block;
box-shadow: var(--lift-strong, 0 6px 18px rgba(15, 27, 38, 0.12));}
.steady-brand .steady-section figcaption{font-size: 0.95rem;
color: #2A3742;
line-height: 1.5;}
@media (max-width: 900px) {.steady-brand{
padding: 3rem 1.1rem 2.75rem;
}.steady-brand .plain-menu{
grid-template-columns: 1fr;
gap: 2.25rem;
}.steady-brand h1{
font-size: 42px;
}.steady-brand .local-wrap{
font-size: 19px;
}.steady-brand .steady-section img{
min-height: 240px;
}
}
@media (max-width: 520px) {.steady-brand h1{
font-size: 34px;
}.steady-brand .route{
gap: 0.9rem;
}.steady-brand .contact-form{
width: 100%;
text-align: center;
}
}
.steady-brand{
background: #F4F7FA;
color: #141E27;
}
.main-header{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem;
}
.main-header .plain-menu{max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
gap: 3.5rem 4rem;
align-items: start;}
.main-header .top-form h2{font-size: 40px;
line-height: 1.12;
margin: 0 0 1.5rem;
letter-spacing: 0.01em;}
.main-header .top-form p{font-size: 17px;
line-height: 1.6;
margin: 0 0 1.1rem;}
.main-header .primary-wrap{display: grid;
gap: 1.75rem;}
.main-header .clear-form{
background: #FFFFFF;
color: #141E27;
border: 1px solid #D3DCE4;
border-radius: 0.75rem;
padding: 1.6rem 1.75rem;
box-shadow: var(--shadow-panel, 0 1px 2px rgba(15, 27, 38, 0.08));
}
.main-header .clear-form h3{font-size: 26px;
line-height: 1.2;
margin: 0 0 0.7rem;}
.main-header .clear-form p{font-size: 16px;
line-height: 1.6;
margin: 0;}
.main-header .route{grid-column: 1 / -1;
font-size: 16px;
line-height: 1.6;
margin: 0;
padding-top: 0.5rem;}
.main-header .route a{text-decoration: underline;
text-underline-offset: 3px;}
.main-header .route a:hover{}
@media (max-width: 900px) {.main-header .plain-menu{
grid-template-columns: 1fr;
gap: 2.5rem;
}.main-header .top-form h2{
font-size: 30px;
}.main-header .clear-form h3{
font-size: 22px;
}
}
@media (max-width: 560px) {.main-header{
padding: 3rem 1.1rem;
}.main-header .top-form h2{
font-size: 25px;
}.main-header .clear-form{
padding: 1.3rem 1.25rem;
}
}
.main-header{
background: #141E27;
color: #F4F8FB;
}
.wide-group{
background: #F4F7FA;
color: #141E27;
padding: 3.5rem 1.25rem;
}
.wide-group .plain-menu{max-width: 1120px;
margin: 0 auto;}
.wide-group h2{font-size: 40px;
line-height: 1.15;
margin: 0 0 1rem;
letter-spacing: 0.01em;}
.wide-group .top-form{font-size: 22px;
line-height: 1.5;
margin: 0 0 2.25rem;}
.wide-group .main-block{display: flex;
flex-direction: column;
gap: 1.75rem;}
.wide-group .focused-actions h3{font-size: 26px;
line-height: 1.25;
margin: 0 0 0.5rem;}
.wide-group .focused-actions p{margin: 0;
line-height: 1.6;}
.wide-group .team-inner{
margin: 2.5rem 0 0;
padding: 1.25rem 1.5rem;
background: #E4EBF1;
color: #2A3742;
border-radius: 0.5rem;
line-height: 1.6;
}
.wide-group .team-inner a{color: #1F4E79;
text-decoration: underline;
text-underline-offset: 2px;}
.wide-group .team-inner a:hover{color: #173C5E;}
@media (max-width: 720px) {.wide-group{
padding: 2.5rem 1rem;
}.wide-group h2{
font-size: 30px;
}.wide-group .top-form{
font-size: 18px;
margin-bottom: 1.75rem;
}.wide-group .focused-actions h3{
font-size: 21px;
}.wide-group .main-block{
gap: 1.5rem;
}.wide-group .team-inner{
padding: 1rem 1.1rem;
}
}
.wide-group{
background: #F4F7FA;
color: #141E27;
}
.strong-story{
background: #141E27;
color: #F4F8FB;
padding: 4.5rem 1.25rem;
}
.strong-story .plain-menu{max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.65fr);
gap: 3rem;
align-items: start;}
.strong-story .copy{grid-column: 1 / -1;
max-width: 900px;}
.strong-story h2{font-size: 40px;
line-height: 1.15;
margin: 0 0 1.25rem;
letter-spacing: 0.01em;}
.strong-story p{font-size: 16px;
line-height: 1.55;
margin: 0 0 1.1rem;
color: inherit;}
.strong-story .action{margin-top: 2rem;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.5rem 2rem;}
.strong-story .btn{
display: inline-block;
background: #1F4E79;
color: #F4F8FB;
font-size: 22px;
line-height: 1;
padding: 1rem 1.75rem;
border-radius: 0.5rem;
text-decoration: none;
transition: background 260ms var(--delay-nav, cubic-bezier(0.22, 0.61, 0.36, 1));
}
.strong-story .btn:hover,
.strong-story .btn:focus-visible{
background: #173C5E;color:#141E27;}
.strong-story .route{display: flex;
flex-wrap: wrap;
gap: 1.25rem;
margin: 0;
font-size: 16px;}
.strong-story .route a{text-decoration: underline;
text-underline-offset: 3px;}
.strong-story .route a:hover,
.strong-story .route a:focus-visible{}
.strong-story .team-inner{margin-top: 2.5rem;
font-size: 0.95rem;
line-height: 1.6;}
.strong-story .team-inner a{color: inherit;
text-decoration: underline;
text-underline-offset: 3px;}
@media (max-width: 860px) {.strong-story{
padding: 3rem 1.25rem;
}.strong-story .plain-menu{
grid-template-columns: 1fr;
gap: 2rem;
}.strong-story h2{
font-size: 30px;
}.strong-story .btn{
font-size: 18px;
width: 100%;
text-align: center;
}
}
.strong-story{
background: #141E27;
color: #F4F8FB;
}
.open-inner{
--label-meta: #D3DCE4;
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.5rem;
}
.open-inner .plain-menu{max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
gap: 3.5rem;
align-items: start;}
.open-inner h1{font-size: 64px;
line-height: 1.05;
margin: 0 0 1.25rem;
letter-spacing: -0.01em;}
.open-inner .open-media{font-size: 22px;
line-height: 1.5;
margin: 0;}
.open-inner .main-block{display: flex;
flex-direction: column;}
.open-inner .strong-brand{padding: 1.1rem 0;
border-top: 1px solid var(--label-meta);}
.open-inner .strong-brand:first-child{border-top: 0;
padding-top: 0;}
.open-inner .clear-flow{display: block;
font-size: 0.95rem;
letter-spacing: 0.06em;
text-transform: uppercase;
margin-bottom: 0.4rem;}
.open-inner .strong-brand p{margin: 0;
line-height: 1.55;}
.open-inner a{text-decoration: underline;
text-underline-offset: 3px;}
.open-inner a:hover{}
.open-inner .team-inner{grid-column: 1 / -1;
margin: 0;
padding-top: 1.5rem;
border-top: 1px solid var(--label-meta);
line-height: 1.55;}
@media (max-width: 860px) {.open-inner{
padding: 3rem 1.25rem;
}.open-inner .plain-menu{
grid-template-columns: 1fr;
gap: 2.25rem;
}.open-inner h1{
font-size: 40px;
}.open-inner .open-media{
font-size: 19px;
}
}
.open-inner{
background: #141E27;
color: #F4F8FB;
}
.text-media{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem;
}
.text-media .plain-menu{max-width: 1280px;
margin: 0 auto;
display: grid;
gap: 2.5rem;}
.text-media .top-form h2{font-size: 40px;
line-height: 1.15;
margin: 0 0 1rem;}
.text-media .top-form p{font-size: 22px;
line-height: 1.5;
margin: 0;}
.text-media .main-block{display: grid;
gap: 2rem;}
.text-media .focused-actions h3{font-size: 26px;
line-height: 1.2;
margin: 0 0 0.5rem;}
.text-media .focused-actions p{margin: 0;
line-height: 1.55;}
.text-media .team-inner{margin: 0;
padding-top: 1.5rem;
border-top: 1px solid #D3DCE4;
line-height: 1.55;}
.text-media .team-inner a{color: #1F4E79;
text-decoration: underline;
text-underline-offset: 2px;}
.text-media .team-inner a:hover{color: #173C5E;}
@media (min-width: 900px) {.text-media .main-block{
grid-template-columns: 1fr 1fr;
column-gap: 3rem;
}
}
@media (max-width: 640px) {.text-media{
padding: 3rem 1rem;
}.text-media .top-form h2{
font-size: 1.85rem;
}.text-media .top-form p{
font-size: 1.15rem;
}
}
.text-media{
background: #F4F7FA;
color: #141E27;
}
.clear-content{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem 4rem;
}
.clear-content .plain-menu{max-width: var(--layer-local, 1280px);
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.4fr);
column-gap: 3.5rem;
row-gap: 1.4rem;
align-items: start;}
.clear-content h2{font-size: 40px;
line-height: 1.1;
margin: 0;
letter-spacing: -0.01em;}
.clear-content .top-form{font-size: 22px;
line-height: 1.45;
margin: 0;}
.clear-content .body{grid-column: 2;
display: flex;
flex-direction: column;
gap: 1.1rem;}
.clear-content .body p{margin: 0;
font-size: 16px;
line-height: 1.6;}
@media (max-width: 860px) {.clear-content{
padding: 3rem 1.1rem 2.6rem;
}.clear-content .plain-menu{
grid-template-columns: 1fr;
column-gap: 0;
row-gap: 1.1rem;
}.clear-content .body{
grid-column: 1;
}.clear-content h2{
font-size: 30px;
}.clear-content .top-form{
font-size: 18px;
}
}
.clear-content{
background: #141E27;
color: #F4F8FB;
}
.local-entries{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem;
}
.local-entries .plain-menu{max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
grid-template-areas:
"intro shot"
"copy shot";
column-gap: 3rem;
row-gap: 2.25rem;
align-items: start;}
.local-entries .open-media{grid-area: intro;}
.local-entries .quiet-surface{grid-area: shot;
margin: 0;
align-self: stretch;}
.local-entries .quiet-surface img{display: block;
width: 100%;
height: 100%;
min-height: 320px;
object-fit: cover;
border-radius: 0.75rem;
box-shadow: var(--lift-strong, 0 6px 18px rgba(15, 27, 38, 0.12));}
.local-entries .copy{grid-area: copy;}
.local-entries h2{font-size: 40px;
line-height: 1.15;
margin: 0 0 1.1rem;
letter-spacing: 0.01em;}
.local-entries h3{font-size: 26px;
line-height: 1.25;
margin: 0 0 1rem;}
.local-entries .top-form{font-size: 22px;
line-height: 1.5;
margin: 0 0 1.1rem;}
.local-entries .soft-callout{
margin: 0;
padding: 0.85rem 1.1rem;
background: #E4EBF1;
color: #2A3742;
border-radius: 0.5rem;
font-size: 1rem;
line-height: 1.5;
}
.local-entries .copy p{margin: 0 0 1.1rem;
line-height: 1.6;}
.local-entries .copy p:last-child{margin-bottom: 0;}
.local-entries a{color: #1F4E79;
text-decoration: underline;
text-underline-offset: 3px;}
.local-entries a:hover{color: #173C5E;}
@media (max-width: 900px) {.local-entries .plain-menu{
grid-template-columns: 1fr;
grid-template-areas:
"intro"
"shot"
"copy";
row-gap: 1.75rem;
}.local-entries .quiet-surface img{
min-height: 240px;
}
}
@media (max-width: 560px) {.local-entries{
padding: 3rem 1rem;
}.local-entries h2{
font-size: 30px;
}.local-entries h3{
font-size: 22px;
}.local-entries .top-form{
font-size: 18px;
}
}
.local-entries{
background: #F4F7FA;
color: #141E27;
}
.featured-actions{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem 5rem;
}
.featured-actions .plain-menu{max-width: 1080px;
margin: 0 auto;}
.featured-actions .top-form{margin-bottom: 3.25rem;}
.featured-actions .top-form h2{font-size: 40px;
line-height: 1.1;
margin: 0 0 1.25rem;
letter-spacing: 0.01em;}
.featured-actions .top-form p{font-size: 22px;
line-height: 1.5;
margin: 0;}
.featured-actions .simple-method{display: flex;
flex-direction: column;
gap: 2.75rem;
margin-bottom: 3rem;}
.featured-actions .team-inner h3{font-size: 26px;
line-height: 1.2;
margin: 0 0 0.75rem;
letter-spacing: 0.015em;}
.featured-actions .team-inner p{margin: 0;
line-height: 1.65;
font-size: 1.0625rem;}
.featured-actions .offer-nav{margin: 0;
font-size: 1.0625rem;
line-height: 1.65;}
.featured-actions .offer-nav a{text-decoration: underline;
text-underline-offset: 3px;}
.featured-actions .offer-nav a:hover{}
@media (min-width: 900px) {.featured-actions{
padding: 5.5rem 2rem 6rem;
}.featured-actions .top-form{
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
gap: 3rem;
align-items: start;
margin-bottom: 4rem;
}.featured-actions .top-form h2{
margin-bottom: 0;
}.featured-actions .simple-method{
gap: 3.25rem;
}.featured-actions .team-inner{
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
gap: 3rem;
align-items: start;
}.featured-actions .team-inner h3{
margin-bottom: 0;
}
}
@media (max-width: 640px) {.featured-actions{
padding: 3rem 1.1rem 3.5rem;
}.featured-actions .top-form h2{
font-size: 30px;
}.featured-actions .top-form p,
.featured-actions .offer-nav{
font-size: 1.0625rem;
}.featured-actions .team-inner h3{
font-size: 22px;
}.featured-actions .simple-method{
gap: 2.25rem;
}
}
.featured-actions{
background: #141E27;
color: #F4F8FB;
}
.compact-method{
--font-base: #D3DCE4;
--ink-warm: #2A3742;
background: #F4F7FA;
color: #141E27;
padding: 4rem 1.25rem;
}
.compact-method .plain-menu{max-width: 1280px;
margin: 0 auto;
display: grid;
gap: 2.5rem;}
.compact-method .top-form{display: grid;
gap: 1rem;}
.compact-method h1{font-size: 64px;
line-height: 1.05;
margin: 0;
letter-spacing: -0.01em;}
.compact-method .open-media{font-size: 22px;
line-height: 1.5;
margin: 0;}
.compact-method .text-feature{list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 0;}
.compact-method .page-details{padding: 1.75rem 0;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
gap: 1.5rem 2.5rem;
align-items: start;
border-top: 1px solid var(--font-base);}
.compact-method .page-details:last-child{border-bottom: 1px solid var(--font-base);}
.compact-method .page-details h3{font-size: 26px;
line-height: 1.2;
margin: 0;}
.compact-method .page-details p{margin: 0;
line-height: 1.6;}
.compact-method .team-inner{
margin: 0;
padding: 1.25rem 1.5rem;
background: #E4EBF1;
color: #2A3742;
border-radius: 0.5rem;
line-height: 1.55;
}
@media (max-width: 760px) {.compact-method{
padding: 2.75rem 1rem;
}.compact-method h1{
font-size: 2.25rem;
}.compact-method .open-media{
font-size: 1.15rem;
}.compact-method .page-details{
grid-template-columns: 1fr;
gap: 0.6rem;
padding: 1.4rem 0;
}
}
.compact-method{
background: #141E27;
color: #F4F8FB;
}
.text-lead{
--font-main: #D3DCE4;
background: #F4F7FA;
color: #141E27;
padding: 3.5rem 1.25rem;
}
.text-lead .plain-menu{max-width: 1280px;
margin: 0 auto;}
.text-lead .simple-tile{margin-bottom: 2.25rem;}
.text-lead h2{font-size: 40px;
line-height: 1.15;
margin: 0 0 0.9rem;
letter-spacing: 0.01em;}
.text-lead .top-form{font-size: 22px;
line-height: 1.5;
margin: 0;
color: #2A3742;}
.text-lead .narrow-tile{display: grid;
grid-template-columns: 1.05fr 1fr;
gap: 2.5rem;
align-items: start;}
.text-lead .service-proof h3,
.text-lead .media-contact h3{font-size: 26px;
line-height: 1.2;
margin: 0 0 0.85rem;}
.text-lead .service-proof h3 + .contact-items + h3{margin-top: 2rem;}
.text-lead .contact-items{list-style: none;
margin: 0;
padding: 0;}
.text-lead .contact-items li{position: relative;
padding: 0.55rem 0 0.55rem 1.4rem;
border-bottom: 1px solid var(--font-main);
line-height: 1.5;}
.text-lead .contact-items li:last-child{border-bottom: none;}
.text-lead .contact-items li::before{
content: "";
position: absolute;
left: 0;
top: 1.05rem;
width: 0.5rem;
height: 0.5rem;
background: #1F4E79;
border-radius: 0.3rem;color:#F4F8FB;}
.text-lead .service-proof p{margin: 0;
line-height: 1.55;}
.text-lead .media-contact{margin-top: 2.5rem;
padding-top: 1.75rem;
border-top: 1px solid var(--font-main);}
.text-lead .media-contact p{margin: 0 0 0.85rem;
line-height: 1.55;}
.text-lead .media-contact p:last-child{margin-bottom: 0;}
.text-lead a{color: #1F4E79;
text-decoration: underline;
text-underline-offset: 2px;}
.text-lead a:hover{color: #173C5E;}
@media (max-width: 820px) {.text-lead{
padding: 2.5rem 1.1rem;
}.text-lead h2{
font-size: 30px;
}.text-lead .top-form{
font-size: 18px;
}.text-lead .narrow-tile{
grid-template-columns: 1fr;
gap: 2rem;
}.text-lead .service-proof h3,
.text-lead .media-contact h3{
font-size: 22px;
}
}
.text-lead{
background: #F4F7FA;
color: #141E27;
}
.photo{
background: #F4F7FA;
color: #141E27;
padding: 4rem 1.25rem;
}
.photo .plain-menu{max-width: 1180px;
margin: 0 auto;
display: grid;
gap: 2.5rem;}
.photo .top-form h2{font-size: 2.25rem;
line-height: 1.15;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.photo .top-form p{font-size: 1.125rem;
line-height: 1.6;
margin: 0;}
.photo .simple-rail{display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.75rem 2.5rem;}
.photo .quiet-rail h3{font-size: 1.375rem;
line-height: 1.25;
margin: 0 0 0.5rem;}
.photo .quiet-rail p{margin: 0;
line-height: 1.6;}
.photo .public-quote{
display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
gap: 2rem;
align-items: center;
background: #E4EBF1;
color: #2A3742;
border-radius: 0.75rem;
padding: 1.5rem;
}
.photo .public-quote img{display: block;
width: 100%;
height: 100%;
max-height: 320px;
object-fit: cover;
border-radius: 0.5rem;}
.photo .team-inner{margin: 0;
line-height: 1.6;}
.photo .team-inner a{text-decoration: underline;
text-underline-offset: 3px;}
.photo .team-inner a:hover{}
@media (max-width: 820px) {.photo{
padding: 3rem 1.25rem;
}.photo .top-form h2{
font-size: 1.75rem;
}.photo .simple-rail{
grid-template-columns: 1fr;
}.photo .public-quote{
grid-template-columns: 1fr;
}.photo .public-quote img{
max-height: 240px;
}
}
.photo{
background: #141E27;
color: #F4F8FB;
}
.bottom-list{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem;
}
.bottom-list .plain-menu{max-width: 1280px;
margin: 0 auto;
display: grid;
gap: 2.6rem;}
.bottom-list .open-media h2{font-size: 40px;
line-height: 1.1;
margin: 0 0 0.9rem;}
.bottom-list .open-media p{font-size: 22px;
line-height: 1.5;
margin: 0;
max-width: 62ch;}
.bottom-list .content-grid{display: grid;
gap: 2rem;}
.bottom-list .focused-actions{display: grid;
grid-template-columns: minmax(0, 320px) minmax(0, 1fr);
gap: 1.6rem;
align-items: center;}
.bottom-list .region{
border-radius: 0.75rem;
overflow: hidden;
background: #E4EBF1;color:#2A3742;}
.bottom-list .region img{display: block;
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;}
.bottom-list .page h3{font-size: 26px;
margin: 0 0 0.5rem;}
.bottom-list .page p{margin: 0;
line-height: 1.55;}
.bottom-list .route{margin: 0;
padding-top: 1.4rem;
border-top: 1px solid #D3DCE4;
font-size: 1.05rem;
line-height: 1.5;}
.bottom-list .route a{color: #1F4E79;
text-decoration: underline;
text-underline-offset: 3px;}
.bottom-list .route a:hover{color: #173C5E;}
@media (max-width: 720px) {.bottom-list{
padding: 3rem 1.1rem;
}.bottom-list .open-media h2{
font-size: 30px;
}.bottom-list .open-media p{
font-size: 1.1rem;
}.bottom-list .focused-actions{
grid-template-columns: 1fr;
gap: 1rem;
}.bottom-list .region img{
aspect-ratio: 16 / 9;
}
}
.bottom-list{
background: #F4F7FA;
color: #141E27;
}
.local-grid{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem;
}
.local-grid .plain-menu{max-width: 1180px;
margin: 0 auto;}
.local-grid .open-media{margin-bottom: 3rem;}
.local-grid .open-media h2{font-size: 40px;
line-height: 1.15;
margin: 0 0 1rem;
letter-spacing: 0.01em;}
.local-grid .top-form{font-size: 22px;
line-height: 1.5;
margin: 0;}
.local-grid .simple-area{display: grid;
grid-template-columns: 1.15fr 1fr 1fr;
gap: 1.75rem;
align-items: start;}
.local-grid .visual-figure{
background: #FFFFFF;
color: #141E27;
border: 1px solid #D3DCE4;
border-radius: 0.75rem;
padding: 1.75rem 1.6rem 1.6rem;
display: flex;
flex-direction: column;
gap: 0.9rem;
box-shadow: var(--shadow-panel, 0 1px 2px rgba(15, 27, 38, 0.08));
}
.local-grid .visual-figure:first-child{padding-top: 2.1rem;
padding-bottom: 1.9rem;}
.local-grid .visual-figure h3{font-size: 26px;
line-height: 1.2;
margin: 0;}
.local-grid .visual-figure p{margin: 0;
font-size: 1rem;
line-height: 1.55;}
.local-grid .visual-figure .narrow-intro{font-size: 0.94rem;}
.local-grid .focused-stack{
margin-top: auto;
align-self: flex-start;
padding: 0.72rem 1.15rem;
background: #1F4E79;
color: #F4F8FB;
border-radius: 0.5rem;
text-decoration: none;
font-size: 0.98rem;
letter-spacing: 0.02em;
transition: background 260ms var(--delay-nav, cubic-bezier(0.22, 0.61, 0.36, 1));
}
.local-grid .focused-stack:hover{
background: #173C5E;color:#141E27;}
.local-grid .route{margin: 2.75rem 0 0;
font-size: 1rem;
line-height: 1.55;}
.local-grid .route a{text-decoration: underline;
text-underline-offset: 2px;}
@media (max-width: 960px) {.local-grid .simple-area{
grid-template-columns: 1fr 1fr;
}.local-grid .visual-figure:first-child{
grid-column: 1 / -1;
}
}
@media (max-width: 640px) {.local-grid{
padding: 3rem 1rem;
}.local-grid .simple-area{
grid-template-columns: 1fr;
gap: 1.25rem;
}.local-grid .open-media h2{
font-size: 30px;
}.local-grid .top-form{
font-size: 1.1rem;
}
}
.local-grid{
background: #141E27;
color: #F4F8FB;
}
.main-header{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem 4rem;
}
.main-header .plain-menu{max-width: 1280px;
margin: 0 auto;
display: grid;
gap: 1.5rem;}
.main-header h1{font-size: 64px;
line-height: 1.05;
margin: 0;
letter-spacing: -0.01em;}
.main-header .top-form{font-size: 22px;
line-height: 1.5;
margin: 0;}
.main-header .copy{font-size: 1rem;
line-height: 1.6;
margin: 0;
max-width: none;}
.main-header .simple-method{display: grid;
grid-template-columns: 1.05fr 0.95fr;
gap: 2.5rem;
margin-top: 1rem;}
.main-header .team-inner h2{font-size: 26px;
line-height: 1.2;
margin: 0 0 0.6rem;}
.main-header .team-inner p{margin: 0;
line-height: 1.6;}
.main-header .route{margin: 1rem 0 0;
font-size: 1rem;
line-height: 1.6;}
.main-header .route a{text-decoration: underline;
text-underline-offset: 3px;}
.main-header .route a:hover{}
@media (max-width: 860px) {.main-header{
padding: 3rem 1.1rem 2.5rem;
}.main-header h1{
font-size: 40px;
}.main-header .top-form{
font-size: 19px;
}.main-header .simple-method{
grid-template-columns: 1fr;
gap: 1.75rem;
}
}
.plain-panel{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem;
}
.plain-panel .plain-menu{max-width: 1180px;
margin: 0 auto;}
.plain-panel h2{font-size: 40px;
line-height: 1.15;
margin: 0 0 1rem;
letter-spacing: 0.01em;}
.plain-panel .top-form{font-size: 22px;
line-height: 1.5;
margin: 0 0 3rem;}
.plain-panel .wide-nav{display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
gap: 2.5rem;
align-items: center;
margin-bottom: 2.75rem;}
.plain-panel .wide-nav:last-child{margin-bottom: 0;}
.plain-panel .wide-nav:nth-child(even) .quiet-surface{order: 2;}
.plain-panel .quiet-surface{margin: 0;}
.plain-panel .quiet-surface img{display: block;
width: 100%;
height: 320px;
object-fit: cover;
border-radius: 0.75rem;
box-shadow: 0 1px 2px rgba(15, 27, 38, 0.08);}
.plain-panel .team-inner h3{font-size: 26px;
margin: 0 0 0.6rem;
letter-spacing: 0.01em;}
.plain-panel .team-inner p{margin: 0;
line-height: 1.6;}
@media (max-width: 760px) {.plain-panel{
padding: 3rem 1.1rem;
}.plain-panel h2{
font-size: 1.9rem;
}.plain-panel .top-form{
font-size: 1.15rem;
margin-bottom: 2.25rem;
}.plain-panel .wide-nav{
grid-template-columns: 1fr;
gap: 1.1rem;
margin-bottom: 2.25rem;
}.plain-panel .wide-nav:nth-child(even) .quiet-surface{
order: 0;
}.plain-panel .quiet-surface img{
height: 240px;
}
}
.plain-panel{
background: #F4F7FA;
color: #141E27;
}
.primary-contact{
background: #F4F7FA;
color: #141E27;
padding: 3.5rem 1.25rem 4rem;
}
.primary-contact .plain-menu{max-width: 1280px;
margin: 0 auto;}
.primary-contact h1{font-size: 64px;
line-height: 1.05;
margin: 0 0 1.1rem;
letter-spacing: 0.01em;}
.primary-contact .top-form{font-size: 22px;
line-height: 1.5;
margin: 0 0 2.6rem;
color: #2A3742;}
.primary-contact .text-feature{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 1.6rem;}
.primary-contact .page-details{display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
column-gap: 2.4rem;
align-items: start;
padding-top: 1.6rem;
border-top: 1px solid #D3DCE4;}
.primary-contact .page-details:first-child{border-top: none;
padding-top: 0;}
.primary-contact .page-details h3{font-size: 26px;
line-height: 1.2;
margin: 0;
font-weight: 600;}
.primary-contact .page-details p{margin: 0;
font-size: 1rem;
line-height: 1.55;
color: #2A3742;}
@media (max-width: 820px) {.primary-contact{
padding: 2.4rem 1rem 2.8rem;
}.primary-contact h1{
font-size: 2.2rem;
}.primary-contact .top-form{
font-size: 1.15rem;
margin-bottom: 1.8rem;
}.primary-contact .page-details{
grid-template-columns: 1fr;
row-gap: 0.6rem;
}
}
.primary-contact{
background: #F4F7FA;
color: #141E27;
}
.page-links{
background: #F4F7FA;
color: #141E27;
padding: 3.5rem 1.25rem;
}
.page-links .plain-menu{max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.5rem;}
.page-links h2{font-size: 40px;
line-height: 1.15;
margin: 0;
letter-spacing: 0.01em;}
.page-links .top-form{margin: 0;
font-size: 22px;
line-height: 1.5;}
.page-links .simple-method{display: flex;
flex-direction: column;
gap: 1.75rem;
margin-top: 0.5rem;}
.page-links .team-inner{display: grid;
grid-template-columns: minmax(180px, 260px) 1fr;
gap: 0.5rem 2rem;
align-items: start;
padding-top: 1.5rem;
border-top: 1px solid #D3DCE4;}
.page-links .team-inner:first-child{padding-top: 0;
border-top: none;}
.page-links .team-inner h3{font-size: 26px;
line-height: 1.25;
margin: 0;
font-weight: 600;}
.page-links .team-inner p{margin: 0;
line-height: 1.6;}
@media (max-width: 720px) {.page-links{
padding: 2.5rem 1rem;
}.page-links h2{
font-size: 30px;
}.page-links .top-form{
font-size: 18px;
}.page-links .team-inner{
grid-template-columns: 1fr;
gap: 0.4rem;
}.page-links .team-inner h3{
font-size: 21px;
}
}
.page-links{
background: #141E27;
color: #F4F8FB;
}
.soft-callout{
background: #F4F7FA;
color: #141E27;
padding: 4rem 1.25rem;
}
.soft-callout .plain-menu{max-width: 1280px;
margin: 0 auto;
display: grid;
gap: 1.4rem;}
.soft-callout h2{font-size: 40px;
line-height: 1.15;
margin: 0;
letter-spacing: 0.01em;}
.soft-callout .top-form{font-size: 22px;
line-height: 1.5;
margin: 0;
max-width: none;}
.soft-callout .team-inner{
margin: 0;
padding: 1.1rem 1.25rem;
background: #E4EBF1;
color: #2A3742;
border-radius: 0.5rem;
line-height: 1.55;
}
.soft-callout .route{margin: 0;
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 0.5rem 0.75rem;
font-size: 1.15rem;}
.soft-callout .route a{color:inherit;
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 1px;
transition: color 260ms var(--delay-nav, cubic-bezier(0.22, 0.61, 0.36, 1));}
.soft-callout .route a:hover{color:inherit;}
.soft-callout .public-quote{margin: 0;
font-size: 0.98rem;color:inherit;
line-height: 1.55;}
.soft-callout .public-quote a{color:inherit;
text-decoration: underline;
text-underline-offset: 2px;}
.soft-callout .public-quote a:hover{color:inherit;}
@media (max-width: 640px) {.soft-callout{
padding: 2.5rem 1rem;
}.soft-callout h2{
font-size: 30px;
}.soft-callout .top-form{
font-size: 1.1rem;
}
}
.soft-callout{
background: #F4F7FA;
color: #141E27;
}
.visual-method{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem;
}
.visual-method .plain-menu{max-width: 1280px;
margin: 0 auto;}
.visual-method .open-media{max-width: 760px;
margin-bottom: 3rem;}
.visual-method h2{font-size: 40px;
line-height: 1.15;
margin: 0 0 1rem;
letter-spacing: 0.01em;}
.visual-method .open-media p{font-size: 22px;
line-height: 1.5;
margin: 0;}
.visual-method .text-feature{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 2.25rem;}
.visual-method .page-details{display: grid;
grid-template-columns: 3.5rem 1fr;
gap: 1.5rem;
align-items: start;}
.visual-method .page-details::before{content: counter(step);
counter-increment: step;
font-size: 1.5rem;
line-height: 1;
padding-top: 0.35rem;
letter-spacing: 0.02em;}
.visual-method .text-feature{counter-reset: step;}
.visual-method h3{font-size: 26px;
line-height: 1.25;
margin: 0 0 0.5rem;}
.visual-method .page-details p{margin: 0;
line-height: 1.55;
max-width: 72ch;}
.visual-method .route{margin: 3rem 0 0;
padding-top: 2rem;
border-top: 1px solid #D3DCE4;
font-size: 1rem;}
.visual-method .route a{text-decoration: underline;
text-underline-offset: 3px;}
.visual-method .route a:hover{}
@media (max-width: 640px) {.visual-method{
padding: 3rem 1rem;
}.visual-method h2{
font-size: 30px;
}.visual-method .open-media p{
font-size: 18px;
}.visual-method .page-details{
grid-template-columns: 2.25rem 1fr;
gap: 1rem;
}.visual-method .page-details::before{
font-size: 1.25rem;
}.visual-method h3{
font-size: 21px;
}
}
.visual-method{
background: #141E27;
color: #F4F8FB;
}
.soft-callout{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem 4rem;
}
.soft-callout .plain-menu{max-width: 1280px;
margin: 0 auto;}
.soft-callout .top-form{display: grid;
grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
gap: 2.5rem;
align-items: end;
margin-bottom: 3rem;}
.soft-callout h1{font-size: 64px;
line-height: 1.05;
margin: 0;
letter-spacing: -0.01em;}
.soft-callout .open-media{font-size: 22px;
line-height: 1.45;
margin: 0;}
.soft-callout .bottom-header{display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.5rem;
align-items: start;}
.soft-callout .route{
background: #FFFFFF;
color: #141E27;
border: 1px solid #D3DCE4;
border-radius: 0.75rem;
padding: 1.75rem 1.5rem 1.6rem;
box-shadow: var(--shadow-panel, 0 1px 2px rgba(15, 27, 38, 0.08));
}
.soft-callout .route h2{font-size: 26px;
line-height: 1.2;
margin: 0 0 0.75rem;}
.soft-callout .route p{margin: 0 0 0.9rem;
line-height: 1.55;}
.soft-callout .route p:last-of-type{margin-bottom: 0;}
.soft-callout .question{}
.soft-callout .wide-summary{display: inline-block;
margin-top: 0.35rem;
font-size: 1.15rem;
text-decoration: none;
border-bottom: 1px solid #8FB8D6;
padding-bottom: 2px;
transition: color 260ms var(--delay-nav, cubic-bezier(0.22, 0.61, 0.36, 1)),
border-color 260ms var(--delay-nav, cubic-bezier(0.22, 0.61, 0.36, 1));}
.soft-callout .wide-summary:hover,
.soft-callout .wide-summary:focus-visible{border-color: #173C5E;}
.soft-callout .offer-nav{margin: 2.75rem 0 0;
line-height: 1.6;
max-width: 78ch;}
.soft-callout .wide-benefit{text-decoration: none;
border-bottom: 1px solid #8FB8D6;}
.soft-callout .wide-benefit:hover,
.soft-callout .wide-benefit:focus-visible{border-color: #173C5E;}
@media (max-width: 960px) {.soft-callout{
padding: 3.25rem 1.1rem 3rem;
}.soft-callout .top-form{
grid-template-columns: 1fr;
gap: 1.25rem;
align-items: start;
margin-bottom: 2.25rem;
}.soft-callout h1{
font-size: 42px;
}.soft-callout .open-media{
font-size: 19px;
}.soft-callout .bottom-header{
grid-template-columns: 1fr;
gap: 1.1rem;
}
}
@media (max-width: 520px) {.soft-callout h1{
font-size: 34px;
}.soft-callout .route{
padding: 1.4rem 1.2rem;
}
}
.soft-callout{
background: #141E27;
color: #F4F8FB;
}
.fresh-headline{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem;
}
.fresh-headline .plain-menu{max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 2.75rem;}
.fresh-headline .open-media h2{font-size: 40px;
line-height: 1.15;
margin: 0 0 1.25rem;
letter-spacing: 0.01em;}
.fresh-headline .open-media p{font-size: 1.0625rem;
line-height: 1.6;
margin: 0 0 1rem;}
.fresh-headline .open-media p:last-child{margin-bottom: 0;}
.fresh-headline .open-surface{display: grid;
grid-template-columns: 1.1fr 1fr 1.3fr;
gap: 2rem;}
.fresh-headline .simple-body h3{font-size: 26px;
line-height: 1.2;
margin: 0 0 0.6rem;
font-weight: 600;}
.fresh-headline .simple-body p{font-size: 0.9375rem;
line-height: 1.55;
margin: 0 0 0.75rem;
color: #2A3742;}
.fresh-headline .simple-body a{display: inline-block;
font-size: 1.0625rem;
color: #1F4E79;
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 1px;
transition: color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.fresh-headline .simple-body a:hover{color: #173C5E;}
.fresh-headline .offer-nav{font-size: 0.9375rem;
line-height: 1.6;
margin: 0;
color: #2A3742;}
@media (max-width: 900px) {.fresh-headline .open-surface{
grid-template-columns: 1fr 1fr;
}
}
@media (max-width: 620px) {.fresh-headline{
padding: 3rem 1.1rem;
}.fresh-headline .open-media h2{
font-size: 1.85rem;
}.fresh-headline .open-surface{
grid-template-columns: 1fr;
gap: 1.75rem;
}
}
.fresh-headline{
background: #F4F7FA;
color: #141E27;
}
.open-inner{
background: #F4F7FA;
color: #141E27;
padding: 3.5rem 1.25rem;
}
.open-inner .plain-menu{max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.1rem;}
.open-inner h2{font-size: 40px;
line-height: 1.15;
margin: 0;
font-weight: 600;
letter-spacing: 0.01em;}
.open-inner p{margin: 0;
font-size: 17px;
line-height: 1.55;}
.open-inner .top-form{font-size: 22px;
line-height: 1.45;}
.open-inner a{text-decoration: underline;
text-underline-offset: 3px;}
.open-inner a:hover{}
.open-inner .team-inner{
background: #E4EBF1;
color: #2A3742;
padding: 1rem 1.1rem;
border-radius: 0.5rem;
font-size: 16px;
}
.open-inner .go{margin-top: 0.4rem;}
.open-inner .go a{
display: inline-block;
background: #1F4E79;
color: #F4F8FB;
text-decoration: none;
padding: 0.75rem 1.4rem;
border-radius: 0.5rem;
font-size: 17px;
transition: background 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.open-inner .go a:hover{
background: #173C5E;
color: #F4F8FB;
}
@media (max-width: 720px) {.open-inner{
padding: 2.5rem 1rem;
}.open-inner h2{
font-size: 30px;
}.open-inner .top-form{
font-size: 19px;
}
}
.visual-content{
background: #F4F7FA;
color: #141E27;
padding: 72px 24px;
}
.visual-content .plain-menu{max-width: 1080px;
margin: 0 auto;}
.visual-content .benefit{margin-bottom: 44px;}
.visual-content h2{font-size: 40px;
line-height: 1.15;
margin: 0 0 18px;
letter-spacing: -0.01em;}
.visual-content .top-form{font-size: 22px;
line-height: 1.5;
margin: 0;color:inherit;}
.visual-content .body{display: flex;
flex-direction: column;}
.visual-content .focused-actions{padding: 26px 0;
border-top: 1px solid #D3DCE4;}
.visual-content .focused-actions:last-child{border-bottom: 1px solid #D3DCE4;}
.visual-content .focused-actions h3{font-size: 26px;
line-height: 1.25;
margin: 0 0 12px;
font-weight: 600;}
.visual-content .focused-actions p{margin: 0;
font-size: 17px;
line-height: 1.6;color:inherit;}
.visual-content .route{margin: 34px 0 0;
font-size: 16px;
line-height: 1.6;color:inherit;}
.visual-content .route a{color:inherit;
text-decoration: underline;
text-underline-offset: 3px;}
.visual-content .route a:hover{color:inherit;}
@media (max-width: 720px) {.visual-content{
padding: 48px 18px;
}.visual-content h2{
font-size: 28px;
}.visual-content .top-form{
font-size: 18px;
}.visual-content .focused-actions h3{
font-size: 20px;
}.visual-content .focused-actions p{
font-size: 16px;
}
}
.visual-content{
background: #F4F7FA;
color: #141E27;
}
.strong-story{
--paint-light: #1F4E79;
--ink-dark: #173C5E;
--line-secondary: #8FB8D6;
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem;
}
.strong-story .plain-menu{max-width: 1280px;
margin: 0 auto;
display: grid;
gap: 2.25rem;}
.strong-story .top-form :is(h2,h1){
font-size: 40px;
line-height: 1.15;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;
}
.strong-story .top-form p{font-size: 18px;
line-height: 1.6;
margin: 0 0 1rem;
color: #2A3742;}
.strong-story .top-form p:last-child{margin-bottom: 0;}
.strong-story .action{display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.25rem;}
.strong-story .button{
display: inline-block;
background: var(--paint-light);
color: #F4F8FB;
font-size: 20px;
font-weight: 600;
letter-spacing: 0.01em;
text-decoration: none;
padding: 1rem 1.75rem;
border-radius: 0.5rem;
transition: background 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.strong-story .button:hover,
.strong-story .button:focus-visible{
background: var(--ink-dark);color:#141E27;}
.strong-story .team-inner{margin: 0;
font-size: 16px;
color: #2A3742;}
.strong-story .team-inner a{color: var(--paint-light);
text-decoration: underline;
text-underline-offset: 3px;}
.strong-story .team-inner a:hover,
.strong-story .team-inner a:focus-visible{color: var(--ink-dark);}
.strong-story .route{display: flex;
flex-wrap: wrap;
gap: 1.5rem;
font-size: 17px;}
.strong-story .route a{color: #2A3742;
text-decoration: none;
border-bottom: 1px solid var(--line-secondary);
padding-bottom: 2px;
transition: color 260ms cubic-bezier(0.22, 0.61, 0.36, 1), border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.strong-story .route a:hover,
.strong-story .route a:focus-visible{color: var(--paint-light);
border-color: var(--paint-light);}
@media (max-width: 720px) {.strong-story{
padding: 3rem 1.1rem;
}.strong-story .top-form :is(h2,h1){
font-size: 30px;
}.strong-story .top-form p{
font-size: 17px;
}.strong-story .button{
font-size: 18px;
width: 100%;
text-align: center;
}.strong-story .route{
flex-direction: column;
gap: 0.9rem;
}
}
.strong-story{
background: #F4F7FA;
color: #141E27;
}
.wide-group{
--ink-base: #FFFFFF;
--copy-lead: #D3DCE4;
--paint-primary: #E4EBF1;
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem;
}
.wide-group .plain-menu{max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 2.75rem;}
.wide-group .open-media{display: flex;
flex-direction: column;
gap: 1rem;}
.wide-group h2{font-size: 40px;
line-height: 1.15;
margin: 0;
letter-spacing: 0.01em;}
.wide-group .top-form{font-size: 22px;
line-height: 1.5;
margin: 0;}
.wide-group .text-feature{display: flex;
flex-direction: column;
gap: 0;}
.wide-group .page-details{padding: 1.6rem 0;
display: grid;
grid-template-columns: minmax(200px, 1fr) 2fr;
gap: 2rem;
align-items: start;}
.wide-group .page-details + .page-details{border-top: 1px solid var(--copy-lead);}
.wide-group .page-details h3{font-size: 26px;
line-height: 1.2;
margin: 0;
font-weight: 600;}
.wide-group .page-details p{margin: 0;
font-size: 1rem;
line-height: 1.6;}
.wide-group .team-inner{
margin: 0;
padding: 1.5rem 1.75rem;
background: var(--paint-primary);
color: #2A3742;
border-radius: 0.5rem;
font-size: 1rem;
line-height: 1.6;
}
@media (max-width: 760px) {.wide-group{
padding: 3rem 1.1rem;
}.wide-group h2{
font-size: 30px;
}.wide-group .top-form{
font-size: 18px;
}.wide-group .page-details{
grid-template-columns: 1fr;
gap: 0.6rem;
padding: 1.35rem 0;
}.wide-group .page-details h3{
font-size: 21px;
}
}
.wide-group{
background: #141E27;
color: #F4F8FB;
}
.wide-group{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.5rem;
}
.wide-group .plain-menu{max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.4rem;}
.wide-group h1{font-size: 64px;
line-height: 1.08;
margin: 0;
letter-spacing: -0.01em;
max-width: 22ch;}
.wide-group .top-form{font-size: 22px;
line-height: 1.4;
margin: 0;
color: #2A3742;}
.wide-group p{margin: 0;
line-height: 1.6;}
.wide-group .offer-nav{font-size: 1.05rem;
padding-top: 0.4rem;
color: #2A3742;}
@media (max-width: 900px) {.wide-group{
padding: 3rem 1.25rem;
}.wide-group h1{
font-size: 2.6rem;
max-width: none;
}.wide-group .top-form{
font-size: 1.15rem;
}
}
@media (max-width: 560px) {.wide-group h1{
font-size: 2rem;
}.wide-group .top-form{
font-size: 1.05rem;
}
}
.visual-content{
background: #F4F7FA;
color: #141E27;
padding: 4rem 1.25rem;
}
.visual-content .plain-menu{max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.6fr);
gap: 3rem 4rem;
align-items: start;}
.visual-content .benefit h2{font-size: 40px;
line-height: 1.15;
margin: 0 0 1rem;}
.visual-content .top-form{font-size: 22px;
line-height: 1.45;
margin: 0;}
.visual-content .content-grid{display: flex;
flex-direction: column;
gap: 2rem;}
.visual-content .focused-actions h3{font-size: 26px;
line-height: 1.25;
margin: 0 0 0.4rem;}
.visual-content .clear-flow{font-size: 0.8rem;
letter-spacing: 0.08em;
text-transform: uppercase;
margin: 0 0 0.5rem;}
.visual-content .focused-actions p:last-child{margin: 0;
line-height: 1.55;}
.visual-content .route{grid-column: 1 / -1;
margin: 0;
padding-top: 1.5rem;
border-top: 1px solid #D3DCE4;
line-height: 1.55;}
.visual-content .route a{text-decoration: underline;
text-underline-offset: 3px;}
.visual-content .route a:hover{}
@media (max-width: 860px) {.visual-content{
padding: 3rem 1rem;
}.visual-content .plain-menu{
grid-template-columns: 1fr;
gap: 2rem;
}.visual-content .benefit h2{
font-size: 30px;
}.visual-content .top-form{
font-size: 18px;
}
}
.visual-content{
background: #141E27;
color: #F4F8FB;
}
.featured-actions{
--layer-active: 1280px;
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem 5rem;
}
.featured-actions .plain-menu{max-width: var(--layer-active);
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 3rem;}
.featured-actions .open-media{display: flex;
flex-direction: column;
gap: 1.1rem;}
.featured-actions h1{font-size: 64px;
line-height: 1.05;
margin: 0;
letter-spacing: 0.01em;}
.featured-actions .top-form{font-size: 22px;
line-height: 1.5;
margin: 0;}
.featured-actions .main-block{display: flex;
flex-direction: column;
gap: 2.75rem;}
.featured-actions .focused-actions{display: flex;
flex-direction: column;
gap: 0.9rem;}
.featured-actions .focused-actions h2{font-size: 40px;
line-height: 1.15;
margin: 0;
font-weight: 600;}
.featured-actions .focused-actions p{margin: 0;
font-size: 16px;
line-height: 1.65;}
@media (min-width: 900px) {.featured-actions{
padding: 6rem 2.5rem 6.5rem;
}.featured-actions .plain-menu{
gap: 4rem;
}.featured-actions .focused-actions{
display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.6fr);
column-gap: 3rem;
row-gap: 1.1rem;
align-items: start;
}.featured-actions .focused-actions h2{
grid-column: 1;
grid-row: 1;
}.featured-actions .focused-actions p{
grid-column: 2;
}.featured-actions .focused-actions p:first-of-type{
grid-row: 1;
}.featured-actions .focused-actions p:last-of-type{
grid-row: 2;
}
}
@media (max-width: 640px) {.featured-actions{
padding: 3.25rem 1.1rem 3.5rem;
}.featured-actions h1{
font-size: 2.5rem;
}.featured-actions .top-form{
font-size: 1.15rem;
}.featured-actions .focused-actions h2{
font-size: 1.75rem;
}.featured-actions .plain-menu{
gap: 2.25rem;
}.featured-actions .main-block{
gap: 2.25rem;
}
}
.bottom-proof{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem 5rem;
}
.bottom-proof .plain-menu{max-width: 1280px;
margin: 0 auto;}
.bottom-proof .open-media{max-width: 720px;}
.bottom-proof .open-media h2{font-size: 40px;
line-height: 1.1;
margin: 0 0 0.9rem;
letter-spacing: 0.01em;}
.bottom-proof .top-form{margin: 0;
font-size: 1.05rem;
line-height: 1.6;
color: #2A3742;}
.bottom-proof .main-block{margin-top: 3rem;
display: flex;
flex-direction: column;
gap: 2.75rem;}
.bottom-proof .focused-actions{display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
gap: 2rem;
align-items: center;}
.bottom-proof .focused-actions:nth-child(even){grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);}
.bottom-proof .focused-actions:nth-child(even) .quiet-surface{order: 2;}
.bottom-proof .quiet-surface{
margin: 0;
border-radius: 0.75rem;
overflow: hidden;
background: #E4EBF1;color:#2A3742;}
.bottom-proof .quiet-surface img{display: block;
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;}
.bottom-proof .team-inner h3{font-size: 26px;
line-height: 1.2;
margin: 0 0 0.4rem;}
.bottom-proof .steady-note{margin: 0 0 0.7rem;
font-size: 0.85rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #2A3742;}
.bottom-proof .team-inner p:last-child{margin: 0;
line-height: 1.6;}
@media (max-width: 780px) {.bottom-proof{
padding: 3rem 1rem 3.5rem;
}.bottom-proof .open-media h2{
font-size: 30px;
}.bottom-proof .focused-actions,
.bottom-proof .focused-actions:nth-child(even){
grid-template-columns: 1fr;
gap: 1.1rem;
}.bottom-proof .focused-actions:nth-child(even) .quiet-surface{
order: 0;
}.bottom-proof .main-block{
gap: 2.25rem;
}
}
.bottom-proof{
background: #F4F7FA;
color: #141E27;
}
.local-entries{
--label-heading: #D3DCE4;
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.5rem;
font-size: 16px;
line-height: 1.55;
}
.local-entries .plain-menu{max-width: 1180px;
margin: 0 auto;}
.local-entries .top-form{margin-bottom: 3rem;}
.local-entries .top-form h2{font-size: 40px;
line-height: 1.1;
margin: 0 0 1.1rem;
letter-spacing: 0.01em;}
.local-entries .top-form p{font-size: 22px;
margin: 0;}
.local-entries .split{display: grid;
grid-template-columns: 1.35fr 1fr;
gap: 3rem;
align-items: start;}
.local-entries .copy h3{font-size: 26px;
line-height: 1.2;
margin: 0 0 1rem;}
.local-entries .copy p{margin: 0 0 1.1rem;}
.local-entries .copy p:last-child{margin-bottom: 0;}
.local-entries .quiet-surface{margin: 0;}
.local-entries .quiet-surface img{display: block;
width: 100%;
height: auto;
border-radius: 0.75rem;
border: 1px solid var(--label-heading);}
.local-entries .quiet-surface figcaption{margin-top: 0.7rem;
font-size: 0.9rem;}
.local-entries .team-inner{margin: 3rem 0 0;
padding-top: 1.6rem;
border-top: 1px solid var(--label-heading);
font-size: 1.05rem;}
@media (max-width: 820px) {.local-entries{
padding: 3rem 1.25rem;
}.local-entries .top-form h2{
font-size: 30px;
}.local-entries .top-form p{
font-size: 18px;
}.local-entries .split{
grid-template-columns: 1fr;
gap: 2rem;
}.local-entries .copy h3{
font-size: 22px;
}
}
.local-entries{
background: #141E27;
color: #F4F8FB;
}
.local-grid{
--tone-deep: #D3DCE4;
--line-clear: #FFFFFF;
--tone-main: #E4EBF1;
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem 5rem;
}
.local-grid .plain-menu{max-width: 1280px;
margin: 0 auto;}
.local-grid .open-media{display: grid;
grid-template-columns: 1.35fr 1fr;
gap: 2.5rem;
align-items: end;
margin-bottom: 3rem;}
.local-grid h1{font-size: 64px;
line-height: 1.05;
margin: 0;
letter-spacing: 0.01em;}
.local-grid .top-form{font-size: 22px;
line-height: 1.5;
margin: 0;}
.local-grid .content-grid{display: flex;
flex-direction: column;
gap: 1.75rem;}
.local-grid .focused-actions{
background: #FFFFFF;
color: #141E27;
border: 1px solid var(--tone-deep);
border-radius: 0.75rem;
padding: 2rem 2.25rem;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 2.5rem;
row-gap: 1.1rem;
box-shadow: var(--shadow-panel, 0 1px 2px rgba(15, 27, 38, 0.08));
}
.local-grid .focused-actions h2{grid-column: 1;
font-size: 26px;
line-height: 1.2;
margin: 0;}
.local-grid .focused-actions p{grid-column: 1;
margin: 0;
line-height: 1.6;}
.local-grid .primary-track{grid-column: 2;
grid-row: 1 / span 3;
margin: 0;
padding: 0 0 0 1.5rem;
list-style: none;
align-self: start;
border-left: 1px solid var(--tone-deep);}
.local-grid .primary-track li{padding: 0.55rem 0 0.55rem 0;
line-height: 1.5;}
.local-grid .primary-track li + li{border-top: 1px solid var(--tone-main);}
.local-grid .steady-header{
grid-column: 1;
justify-self: start;
align-self: end;
display: inline-block;
padding: 0.7rem 1.5rem;
background: #1F4E79;
color: #F4F8FB;
border-radius: 0.5rem;
text-decoration: none;
font-size: 1.05rem;
letter-spacing: 0.02em;
transition: background 260ms var(--delay-nav, cubic-bezier(0.22, 0.61, 0.36, 1));
}
.local-grid .steady-header:hover{
background: #173C5E;color:#141E27;}
.local-grid .route{margin: 2.75rem 0 0;
font-size: 1.05rem;}
.local-grid .route a{text-decoration: underline;
text-underline-offset: 3px;}
@media (max-width: 900px) {.local-grid{
padding: 3rem 1.1rem 3.5rem;
}.local-grid .open-media{
grid-template-columns: 1fr;
gap: 1.25rem;
align-items: start;
margin-bottom: 2.25rem;
}.local-grid h1{
font-size: 2.6rem;
}.local-grid .top-form{
font-size: 1.15rem;
}.local-grid .focused-actions{
grid-template-columns: 1fr;
padding: 1.6rem 1.4rem;
}.local-grid .focused-actions h2,
.local-grid .focused-actions p,
.local-grid .primary-track,
.local-grid .steady-header{
grid-column: 1;
}.local-grid .primary-track{
grid-row: auto;
padding: 0.25rem 0 0;
border-left: none;
}.local-grid .primary-track li + li{
border-top: 1px solid var(--tone-main);
}
}
.bottom-list{
--font-button: #D3DCE4;
--line-base: #141E27;
--mark-main: #2A3742;
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem;
}
.bottom-list .plain-menu{max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 2.75rem;}
.bottom-list .top-form{display: flex;
flex-direction: column;
gap: 0.9rem;}
.bottom-list h2{font-size: 40px;
line-height: 1.1;
margin: 0;
letter-spacing: 0.01em;}
.bottom-list .open-media{margin: 0;
font-size: 22px;
line-height: 1.5;
color: var(--mark-main);}
.bottom-list .split{display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
gap: 2.5rem;
align-items: start;}
.bottom-list .team-story{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;}
.bottom-list .offer-copy{padding: 1.4rem 0;
border-top: 1px solid var(--font-button);}
.bottom-list .offer-copy:first-child{border-top: none;
padding-top: 0;}
.bottom-list .offer-copy h3{margin: 0 0 0.45rem;
font-size: 26px;
line-height: 1.2;}
.bottom-list .offer-copy p{margin: 0;
line-height: 1.6;
color: var(--mark-main);}
.bottom-list .quiet-surface{
margin: 0;
border-radius: 0.75rem;
overflow: hidden;
background: #E4EBF1;color:#2A3742;}
.bottom-list .quiet-surface img{display: block;
width: 100%;
height: 100%;
object-fit: cover;
aspect-ratio: 4 / 5;}
.bottom-list .team-inner{margin: 0;
line-height: 1.65;
color: var(--mark-main);}
.bottom-list .team-inner a{color: #1F4E79;
text-decoration: underline;
text-underline-offset: 2px;}
.bottom-list .team-inner a:hover{color: #173C5E;}
@media (max-width: 860px) {.bottom-list{
padding: 3rem 1.1rem;
}.bottom-list .split{
grid-template-columns: 1fr;
gap: 2rem;
}.bottom-list .quiet-surface{
order: -1;
}.bottom-list .quiet-surface img{
aspect-ratio: 16 / 10;
}.bottom-list h2{
font-size: 30px;
}.bottom-list .open-media{
font-size: 19px;
}.bottom-list .offer-copy h3{
font-size: 22px;
}
}
.wide-group{
background: #F4F7FA;
color: #141E27;
padding: 4rem 1.25rem 4.5rem;
}
.wide-group .plain-menu{max-width: 1280px;
margin: 0 auto;}
.wide-group h1{font-size: 64px;
line-height: 1.05;
margin: 0 0 1.25rem;
letter-spacing: -0.01em;}
.wide-group .top-form{font-size: 22px;
line-height: 1.55;
margin: 0 0 3rem;}
.wide-group .main-block{display: flex;
flex-direction: column;
gap: 2.25rem;}
.wide-group .strong-brand{display: grid;
grid-template-columns: minmax(220px, 320px) 1fr;
gap: 1.5rem 2.5rem;
align-items: start;
padding-top: 1.75rem;
border-top: 1px solid #D3DCE4;}
.wide-group .strong-brand:first-child{border-top: none;
padding-top: 0;}
.wide-group .strong-brand h2{font-size: 26px;
line-height: 1.2;
margin: 0;
font-weight: 600;}
.wide-group .strong-brand p{margin: 0 0 0.85rem;
font-size: 17px;
line-height: 1.6;}
.wide-group .strong-brand p:last-child{margin-bottom: 0;}
.wide-group .strong-brand .team-inner{
font-size: 15px;
color: #2A3742;
background: #E4EBF1;
padding: 0.7rem 0.9rem;
border-radius: 0.5rem;
}
@media (max-width: 860px) {.wide-group{
padding: 3rem 1.1rem 3.5rem;
}.wide-group h1{
font-size: 40px;
}.wide-group .top-form{
font-size: 19px;
margin-bottom: 2.25rem;
}.wide-group .strong-brand{
grid-template-columns: 1fr;
gap: 0.85rem;
padding-top: 1.5rem;
}.wide-group .strong-brand h2{
font-size: 22px;
}
}
.strong-story{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.5rem;
}
.media-nav{
max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
gap: 3rem;
align-items: start;
}
.focused-entries{
font-size: 40px;
line-height: 1.15;
margin: 0 0 1.25rem;
letter-spacing: 0.01em;
}
.service-actions{
margin: 0 0 1rem;
font-size: 17px;
line-height: 1.6;
}
.service-actions:last-child{
margin-bottom: 0;
}
.service-track{
background: #FFFFFF;
color: #141E27;
border: 1px solid #D3DCE4;
border-radius: 0.75rem;
padding: 1.75rem 1.5rem;
box-shadow: var(--shadow-panel, 0 1px 2px rgba(15, 27, 38, 0.08));
}
.site-plan{
display: inline-block;
background: #1F4E79;
color: #F4F8FB;
text-decoration: none;
font-size: 19px;
letter-spacing: 0.02em;
padding: 0.85rem 1.4rem;
border-radius: 0.5rem;
transition: background 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.site-plan:hover,
.site-plan:focus-visible{
background: #173C5E;color:#141E27;}
.wide-service{
margin: 1.1rem 0 0;
font-size: 15px;
line-height: 1.55;
}
.media-feature{
color: #1F4E79;
text-decoration: underline;
text-underline-offset: 2px;
}
.media-feature:hover,
.media-feature:focus-visible{
color: #173C5E;
}
@media (max-width: 860px) {.strong-story{
padding: 3rem 1.25rem;
}.media-nav{
grid-template-columns: 1fr;
gap: 2rem;
}.focused-entries{
font-size: 30px;
}
}
.featured-actions{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem 5rem;
}
.featured-actions .plain-menu{max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(0, 1.35fr);
gap: 3.5rem;
align-items: start;}
.featured-actions .top-form h1{font-size: 64px;
line-height: 1.05;
margin: 0 0 1.1rem;
letter-spacing: 0.01em;}
.featured-actions .open-media{font-size: 22px;
line-height: 1.45;
margin: 0;}
.featured-actions .simple-method{display: flex;
flex-direction: column;
gap: 2rem;}
.featured-actions .team-inner h3{font-size: 26px;
margin: 0 0 0.55rem;
line-height: 1.2;}
.featured-actions .team-inner p{margin: 0;
line-height: 1.6;}
@media (max-width: 860px) {.featured-actions{
padding: 3rem 1.1rem 3.4rem;
}.featured-actions .plain-menu{
grid-template-columns: 1fr;
gap: 2.2rem;
}.featured-actions .top-form h1{
font-size: clamp(2.1rem, 8vw, 3rem);
}.featured-actions .open-media{
font-size: 1.15rem;
}.featured-actions .simple-method{
gap: 1.6rem;
}
}
.featured-actions{
background: #F4F7FA;
color: #141E27;
}
.local-entries{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem;
}
.local-entries .plain-menu{max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
grid-template-areas:
"intro shot"
"principles shot";
gap: 2.5rem 3.5rem;
align-items: start;}
.local-entries .open-media{grid-area: intro;}
.local-entries h2{font-size: 40px;
line-height: 1.1;
margin: 0 0 1.25rem;
letter-spacing: 0.01em;}
.local-entries .top-form{font-size: 22px;
line-height: 1.4;
margin: 0 0 1rem;}
.local-entries .open-media p{margin: 0 0 1rem;}
.local-entries .quiet-surface{grid-area: shot;
width: 100%;
height: 100%;
min-height: 320px;
object-fit: cover;
border-radius: 0.75rem;
display: block;}
.local-entries .page-media{grid-area: principles;}
.local-entries h3{font-size: 26px;
line-height: 1.2;
margin: 0 0 1.1rem;}
.local-entries ul{list-style: none;
margin: 0 0 1.25rem;
padding: 0;}
.local-entries li{padding: 0.85rem 0;
border-top: 1px solid #D3DCE4;
line-height: 1.5;}
.local-entries li:last-child{border-bottom: 1px solid #D3DCE4;}
.local-entries li strong{font-weight: 600;}
.local-entries .social{margin: 0;
line-height: 1.5;}
.local-entries a{text-decoration: underline;
text-underline-offset: 3px;}
.local-entries a:hover{}
@media (max-width: 860px) {.local-entries{
padding: 3rem 1.1rem;
}.local-entries .plain-menu{
grid-template-columns: 1fr;
grid-template-areas:
"intro"
"shot"
"principles";
gap: 1.75rem;
}.local-entries h2{
font-size: 30px;
}.local-entries .top-form{
font-size: 19px;
}.local-entries .quiet-surface{
min-height: 220px;
}
}
.fresh-body{
background: #F4F7FA;
color: #141E27;
padding: 4rem 1.25rem 4.5rem;
}
.fresh-body .plain-menu{max-width: 1280px;
margin: 0 auto;}
.fresh-body h1{font-size: 64px;
line-height: 1.05;
margin: 0 0 1.1rem;
letter-spacing: 0.01em;
max-width: 22ch;}
.fresh-body .top-form{font-size: 22px;
line-height: 1.5;
margin: 0 0 2.75rem;
max-width: 62ch;}
.fresh-body .main-block{display: flex;
flex-direction: column;
gap: 1.9rem;}
.fresh-body .focused-actions{display: grid;
grid-template-columns: minmax(220px, 300px) 1fr;
gap: 1.25rem 2.5rem;
align-items: start;}
.fresh-body .focused-actions h2{font-size: 26px;
line-height: 1.2;
margin: 0;
font-weight: 600;}
.fresh-body .focused-actions p{margin: 0;
line-height: 1.6;
font-size: 1.0625rem;}
.fresh-body .team-inner{
margin: 2.75rem 0 0;
padding: 1.1rem 1.25rem;
background: #E4EBF1;
color: #2A3742;
border-radius: 0.5rem;
line-height: 1.55;
font-size: 1rem;
}
@media (max-width: 760px) {.fresh-body{
padding: 2.75rem 1.1rem 3.25rem;
}.fresh-body h1{
font-size: 40px;
max-width: none;
}.fresh-body .top-form{
font-size: 1.125rem;
margin-bottom: 2rem;
}.fresh-body .focused-actions{
grid-template-columns: 1fr;
gap: 0.5rem;
}.fresh-body .focused-actions h2{
font-size: 1.375rem;
}.fresh-body .focused-actions p{
font-size: 1rem;
}
}
.fresh-body{
background: #141E27;
color: #F4F8FB;
}
.fresh-headline{
--surface-accent: #F4F7FA;
--paint-cool: #141E27;
--tone-page: #2A3742;
--label-strong: #D3DCE4;
background: var(--surface-accent);
color: var(--paint-cool);
padding: 4rem 1.5rem;
}
.fresh-headline .plain-menu{max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
gap: 3rem 4rem;
align-items: start;}
.fresh-headline .top-form h2{font-size: 40px;
line-height: 1.15;
margin: 0 0 1.25rem;
letter-spacing: 0.01em;}
.fresh-headline .top-form p{font-size: 22px;
line-height: 1.5;
margin: 0 0 1rem;
color: var(--tone-page);}
.fresh-headline .top-form p:last-child{margin-bottom: 0;}
.fresh-headline .open-surface{display: flex;
flex-direction: column;
gap: 1.5rem;}
.fresh-headline .simple-body h3{font-size: 26px;
margin: 0 0 0.35rem;
letter-spacing: 0.02em;}
.fresh-headline .simple-body p{margin: 0;
font-size: 1.05rem;
line-height: 1.55;
color: var(--tone-page);}
.fresh-headline .simple-body a{color: #1F4E79;
text-decoration: none;
border-bottom: 1px solid var(--label-strong);
padding-bottom: 1px;
transition: border-color 260ms var(--delay-nav, cubic-bezier(0.22, 0.61, 0.36, 1));}
.fresh-headline .simple-body a:hover{border-color: #1F4E79;}
.fresh-headline .offer-nav{grid-column: 1 / -1;
margin: 0;
padding-top: 2rem;
border-top: 1px solid var(--label-strong);
font-size: 1.05rem;
line-height: 1.6;
color: var(--tone-page);}
@media (max-width: 860px) {.fresh-headline{
padding: 2.75rem 1.25rem;
}.fresh-headline .plain-menu{
grid-template-columns: 1fr;
gap: 2.25rem;
}.fresh-headline .top-form h2{
font-size: 30px;
}.fresh-headline .top-form p{
font-size: 1.1rem;
}.fresh-headline .simple-body h3{
font-size: 20px;
}
}
.form{
background: #F4F7FA;
color: #141E27;
padding: 64px 24px;
}
.form .plain-menu{max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
gap: 48px;
align-items: start;}
.form .open-media{grid-column: 1 / -1;
margin-bottom: 8px;}
.form .open-media h2{margin: 0 0 12px;
font-size: 40px;
line-height: 1.1;
letter-spacing: -0.01em;}
.form .open-media p{margin: 0;
font-size: 22px;
line-height: 1.45;}
.form .inquiry{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 20px 24px;
background: #FFFFFF;
color: #141E27;
border: 1px solid #D3DCE4;
border-radius: 0.75rem;
padding: 32px;
box-shadow: var(--shadow-panel, 0 1px 2px rgba(15, 27, 38, 0.08));
}
.form .service-intro{display: flex;
flex-direction: column;
gap: 6px;}
.form .service-intro.wide{grid-column: 1 / -1;}
.form .service-intro label{font-size: 15px;
letter-spacing: 0.02em;
text-transform: uppercase;}
.form .service-intro .visual-nav{text-transform: none;
letter-spacing: 0;
font-size: 13px;
opacity: 0.75;}
.form .service-intro input,
.form .service-intro select,
.form .service-intro textarea{
font: inherit;
color: #141E27;
background: #F4F7FA;
border: 1px solid #D3DCE4;
border-radius: 0.5rem;
padding: 11px 13px;
width: 100%;
box-sizing: border-box;
transition: border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.form .service-intro textarea{resize: vertical;
min-height: 120px;}
.form .service-intro input:focus,
.form .service-intro select:focus,
.form .service-intro textarea:focus{outline: none;
border-color: #1F4E79;}
.form .focused-header{grid-column: 1 / -1;
display: flex;
align-items: flex-start;
gap: 10px;}
.form .focused-header input{margin-top: 3px;
width: 18px;
height: 18px;
accent-color: #1F4E79;}
.form .focused-header label{font-size: 16px;
line-height: 1.4;}
.form .featured-service{grid-column: 1 / -1;
display: flex;
flex-direction: column;
gap: 12px;
align-items: flex-start;}
.form .featured-service button{
font: inherit;
font-size: 18px;
letter-spacing: 0.03em;
text-transform: uppercase;
background: #1F4E79;
color: #F4F8FB;
border: none;
border-radius: 0.5rem;
padding: 14px 32px;
cursor: pointer;
transition: background 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.form .featured-service button:hover{
background: #173C5E;color:#141E27;}
.form .featured-service .team-inner{margin: 0;
font-size: 14px;
line-height: 1.5;}
.form .wide-summary{
background: #E4EBF1;
color: #2A3742;
border-radius: 0.75rem;
padding: 28px;
}
.form .wide-summary h3{margin: 0 0 10px;
font-size: 26px;
line-height: 1.2;}
.form .wide-summary p{margin: 0 0 18px;
line-height: 1.5;}
.form .wide-summary ul{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 14px;}
.form .wide-summary li{line-height: 1.5;}
.form .wide-summary .k{display: block;
font-size: 13px;
letter-spacing: 0.06em;
text-transform: uppercase;
opacity: 0.7;}
.form .wide-summary a{text-decoration: none;
border-bottom: 1px solid currentColor;}
.form .wide-summary a:hover{}
@media (max-width: 900px) {.form .plain-menu{
grid-template-columns: minmax(0, 1fr);
gap: 32px;
}
}
@media (max-width: 640px) {.form{
padding: 40px 16px;
}.form .open-media h2{
font-size: 30px;
}.form .open-media p{
font-size: 18px;
}.form .inquiry{
grid-template-columns: minmax(0, 1fr);
padding: 22px;
}.form .wide-summary{
padding: 22px;
}
}
.form{
background: #141E27;
color: #F4F8FB;
}
.soft-links{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem;
}
.soft-links .plain-menu{max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
gap: 3.5rem 4rem;
align-items: start;}
.soft-links .open-media h2{font-size: 40px;
line-height: 1.15;
margin: 0 0 1.1rem;}
.soft-links .open-media .top-form{font-size: 22px;
line-height: 1.45;
margin: 0;}
.soft-links .main-block{display: flex;
flex-direction: column;
gap: 1.6rem;}
.soft-links .strong-brand{display: flex;
flex-direction: column;
gap: 0.35rem;}
.soft-links .strong-brand .clear-flow{font-size: 0.95rem;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #2A3742;}
.soft-links .strong-brand .value{font-size: 1.15rem;
line-height: 1.5;}
.soft-links .strong-brand .value a{color: #1F4E79;
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 1px;}
.soft-links .strong-brand .value a:hover{color: #173C5E;}
.soft-links .team-inner{grid-column: 1 / -1;
margin: 0;
padding-top: 2.2rem;
font-size: 1.05rem;
line-height: 1.6;
color: #2A3742;}
@media (max-width: 860px) {.soft-links{
padding: 3rem 1.25rem;
}.soft-links .plain-menu{
grid-template-columns: 1fr;
gap: 2.4rem;
}.soft-links .open-media h2{
font-size: 30px;
}.soft-links .open-media .top-form{
font-size: 18px;
}.soft-links .team-inner{
padding-top: 0;
}
}
.soft-links{
background: #F4F7FA;
color: #141E27;
}
.direct-service{
background: #F4F7FA;
color: #141E27;
padding: 4rem 1.25rem 4.5rem;
}
.direct-service .plain-menu{max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
gap: 2.5rem 3.5rem;
align-items: start;}
.direct-service .benefit h1{font-size: 64px;
line-height: 1.05;
margin: 0 0 1rem;
letter-spacing: 0.01em;}
.direct-service .top-form{font-size: 22px;
line-height: 1.45;
margin: 0;
color: #2A3742;}
.direct-service .main-block{display: flex;
flex-direction: column;
gap: 1.75rem;}
.direct-service .focused-actions h2{font-size: 26px;
line-height: 1.2;
margin: 0 0 0.5rem;
letter-spacing: 0.015em;}
.direct-service .focused-actions p{margin: 0;
line-height: 1.6;}
.direct-service .focused-actions code{
background: #E4EBF1;
color: #2A3742;
padding: 0.05rem 0.35rem;
border-radius: 0.3rem;
}
.direct-service .focused-actions a{color: #1F4E79;
text-decoration: underline;
text-underline-offset: 2px;}
.direct-service .focused-actions a:hover{color: #173C5E;}
@media (max-width: 860px) {.direct-service{
padding: 2.75rem 1rem 3.25rem;
}.direct-service .plain-menu{
grid-template-columns: 1fr;
gap: 1.75rem;
}.direct-service .benefit h1{
font-size: 2.5rem;
}.direct-service .top-form{
font-size: 1.15rem;
}
}
.direct-service{
background: #F4F7FA;
color: #141E27;
}
.steady-list{
background: #F4F7FA;
color: #141E27;
padding: 4rem 1.25rem 4.5rem;
}
.steady-list .plain-menu{max-width: var(--layer-local, 1280px);
margin: 0 auto;}
.steady-list .open-media{margin-bottom: 2.75rem;}
.steady-list h1{font-size: 64px;
line-height: 1.05;
margin: 0 0 1rem;
letter-spacing: 0.01em;}
.steady-list .top-form{font-size: 22px;
line-height: 1.5;
margin: 0;
color: #2A3742;}
.steady-list .content-grid{display: flex;
flex-direction: column;
gap: 2rem;}
.steady-list .focused-actions{
background: #FFFFFF;
color: #141E27;
border: 1px solid #D3DCE4;
border-radius: 0.75rem;
padding: 1.6rem 1.75rem 1.75rem;
box-shadow: var(--shadow-panel, 0 1px 2px rgba(15, 27, 38, 0.08));
}
.steady-list .focused-actions h2{font-size: 26px;
line-height: 1.2;
margin: 0 0 0.75rem;
color: #1F4E79;}
.steady-list .focused-actions p{margin: 0;
line-height: 1.6;}
.steady-list .focused-actions a{color: #1F4E79;
text-decoration: underline;
text-underline-offset: 2px;}
.steady-list .focused-actions a:hover{color: #173C5E;}
@media (min-width: 900px) {.steady-list .content-grid{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.75rem 2rem;
}.steady-list .focused-actions:nth-child(1),
.steady-list .focused-actions:nth-child(4){
grid-column: span 1;
}
}
@media (max-width: 720px) {.steady-list{
padding: 2.75rem 1rem 3rem;
}.steady-list h1{
font-size: 40px;
}.steady-list .top-form{
font-size: 19px;
}.steady-list .focused-actions{
padding: 1.35rem 1.25rem 1.4rem;
}.steady-list .focused-actions h2{
font-size: 22px;
}
}
.steady-list{
background: #F4F7FA;
color: #141E27;
}
.public-headline{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.5rem 5rem;
}
.contact-actions{
max-width: var(--layer-local, 1280px);
margin: 0 auto;
}
.focused-panel{
padding-bottom: 2.75rem;
}
.narrow-links{
font-size: 64px;
line-height: 1.05;
margin: 0 0 1.1rem;
letter-spacing: 0.01em;
}
.team-region{
font-size: 22px;
line-height: 1.5;
margin: 0;
}
.text-region{
display: flex;
flex-direction: column;
gap: 2rem;
padding-top: 2.5rem;
border-top: 1px solid #D3DCE4;
}
.primary-shell{
font-size: 26px;
line-height: 1.2;
margin: 0 0 0.6rem;
}
.secondary-panel{
font-size: 16px;
line-height: 1.6;
margin: 0;
}
.site-track{
color: inherit;
text-decoration: underline;
text-underline-offset: 3px;
}
.site-panel{
display: flex;
flex-wrap: wrap;
gap: 0.75rem 1.75rem;
margin-top: 3rem;
padding-top: 1.75rem;
border-top: 1px solid #D3DCE4;
}
.public-flow{
font-size: 16px;
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 2px;
transition: color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.public-flow:hover{
}
@media (max-width: 720px) {.public-headline{
padding: 3rem 1.1rem 3.5rem;
}.narrow-links{
font-size: 40px;
}.team-region{
font-size: 19px;
}.primary-shell{
font-size: 22px;
}.text-region{
gap: 1.6rem;
}
}
.public-headline{
background: #141E27;
color: #F4F8FB;
}
.strong-story{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem;
}
.strong-story .plain-menu{max-width: 1080px;
margin: 0 auto;
display: grid;
gap: 2rem;}
.strong-story .top-form h2{font-size: 40px;
line-height: 1.15;
margin: 0 0 0.85rem;
letter-spacing: 0.01em;}
.strong-story .top-form p{font-size: 22px;
line-height: 1.5;
margin: 0;}
.strong-story .team-inner{display: grid;
gap: 1rem;}
.strong-story .team-inner p{margin: 0;
line-height: 1.6;}
.strong-story .team-inner .offer-nav{color: #2A3742;}
.strong-story .action{display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1.5rem 2rem;
padding-top: 0.5rem;}
.strong-story .go{
display: inline-block;
background: #1F4E79;
color: #F4F8FB;
text-decoration: none;
padding: 0.95rem 1.75rem;
border-radius: 0.5rem;
font-size: 1.05rem;
letter-spacing: 0.02em;
transition: background 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.strong-story .go:hover,
.strong-story .go:focus-visible{
background: #173C5E;color:#141E27;}
.strong-story .route{display: flex;
flex-wrap: wrap;
gap: 0.5rem 1.5rem;
margin: 0;
font-size: 0.95rem;}
.strong-story .route a{color: #1F4E79;
text-decoration: underline;
text-underline-offset: 3px;}
.strong-story .route a:hover,
.strong-story .route a:focus-visible{color: #173C5E;}
@media (max-width: 720px) {.strong-story{
padding: 3rem 1.1rem;
}.strong-story .top-form h2{
font-size: 30px;
}.strong-story .top-form p{
font-size: 18px;
}.strong-story .action{
flex-direction: column;
align-items: flex-start;
gap: 1.25rem;
}
}
.404{
background: #F4F7FA;
color: #141E27;
padding: 4.5rem 1.25rem 5rem;
}
.404 .plain-menu{
max-width: 1280px;
margin: 0 auto;
}
.404 .body{
display: flex;
flex-direction: column;
gap: 1.1rem;
}
.404 h1{
font-size: 64px;
line-height: 1.05;
margin: 0;
letter-spacing: 0.01em;
}
.404 .top-form{
font-size: 22px;
line-height: 1.5;
margin: 0;
}
.404 .team-inner{
margin: 0;
color: #2A3742;
}
.404 .route{
display: flex;
flex-wrap: wrap;
gap: 0.75rem 1.5rem;
margin-top: 0.6rem;
}
.404 .route a{
display: inline-block;
padding: 0.7rem 1.15rem;
border-radius: 0.5rem;
text-decoration: none;
font-size: 1.05rem;
transition: background-color 260ms var(--delay-nav, cubic-bezier(0.22, 0.61, 0.36, 1));
}
.404 .route .team-unit{
background: #1F4E79;
color: #F4F8FB;
}
.404 .route .team-unit:hover{
background: #173C5E;color:#141E27;}
.404 .route .content-group{
background: #FFFFFF;
color: #141E27;
border: 1px solid #D3DCE4;
}
.404 .route .content-group:hover{
background: #E4EBF1;color:#2A3742;}
.404 .public-quote{
margin: 0.4rem 0 0;
font-size: 0.98rem;
color: #2A3742;
}
.404 .public-quote a{
color: #1F4E79;
text-decoration: underline;
text-underline-offset: 3px;
}
.404 .public-quote a:hover{
color: #173C5E;
}
@media (max-width: 720px) {.404{
padding: 3rem 1rem 3.5rem;
}.404 h1{
font-size: 40px;
}.404 .top-form{
font-size: 18px;
}.404 .route{
flex-direction: column;
align-items: stretch;
}.404 .route a{
text-align: center;
}
}
.404{
background: #F4F7FA;
color: #141E27;
}