html{box-sizing:border-box;}
*,*::before,*::after{box-sizing:inherit;}
body{margin:0;padding:0;font-family:"JetBrains Mono", sans-serif;}
.secondary-entries {
width: 100%;
background: #0F1215;
color: #F2F4F6;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.secondary-brand {
max-width: 1280px;
margin: 0 auto;
padding: 1.1rem 1.25rem;
display: flex;
align-items: center;
justify-content: space-between;
gap: 1rem;
}
.strong-team {
font-size: calc(16px * 1.125);
font-weight: 700;
letter-spacing: 0.02em;
color: #F2F4F6;
text-decoration: none;
white-space: nowrap;
}
.strong-team:hover,
.strong-team:focus-visible {
color: #22C7D6;
}
.sk-nav {
display: flex;
align-items: center;
gap: 1rem;
}
.contact-summary {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
gap: 1rem;
}
.secondary-proof {
display: inline-block;
padding: 0.4rem 0.2rem;
font-size: calc(16px * .875);
letter-spacing: 0.04em;
text-transform: uppercase;
text-decoration: none;
color: #F2F4F6;
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);
}
.secondary-proof:hover,
.secondary-proof:focus-visible {
color: #22C7D6;
border-bottom-color: #22C7D6;
}
.narrow-group {
display: inline-block;
padding: 0.55rem 1.1rem;
font-size: calc(16px * .875);
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
text-decoration: none;
color: #14171A;
background: #FF6A1A;
border-radius: 0.3rem;
transition: background 260ms cubic-bezier(0.22, 0.61, 0.36, 1), color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.narrow-group:hover,
.narrow-group:focus-visible {
background: #E85A0F;
color: #14171A;
}
.top-note {
display: none;
width: 42px;
height: 42px;
padding: 0;
background: transparent;
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 0.3rem;
cursor: pointer;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
}
.page-panel{
display: block;
width: 20px;
height: 2px;
background: #F2F4F6;
transition: transform 260ms cubic-bezier(0.22, 0.61, 0.36, 1), opacity 260ms cubic-bezier(0.22, 0.61, 0.36, 1);color:#E9ECEF;}
.top-note[aria-expanded="true"] .page-panel:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.top-note[aria-expanded="true"] .page-panel:nth-child(2) {
opacity: 0;
}
.top-note[aria-expanded="true"] .page-panel:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
}
@media (max-width: 767px) {
.secondary-brand {
flex-wrap: wrap;
}
.top-note {
display: flex;
}
.sk-nav {
display: none;
width: 100%;
flex-direction: column;
align-items: stretch;
gap: 0;
padding-top: 1.1rem;
border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.sk-nav.is-open {
display: flex;
}
.contact-summary {
flex-direction: column;
align-items: stretch;
gap: 0;
}
.service-entries {
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.secondary-proof {
display: block;
padding: 0.85rem 0.2rem;
border-bottom: none;
}
.secondary-proof:hover,
.secondary-proof:focus-visible {
border-bottom-color: transparent;
}
.narrow-group {
margin-top: 1.1rem;
text-align: center;
}
}
.rail{font-family:"JetBrains Mono", sans-serif;font-size:calc(16px * .875);line-height:1.6;width:100%;padding:0;background:#0F1215;color:#F2F4F6;}
.strong-shell{max-width:1280px;margin:0 auto;padding:calc(1.1rem * 2) 1.25rem 1.1rem;display:grid;grid-template-columns:minmax(220px, 1fr) 3fr;gap:calc(1rem * 2);align-items:start}
.top-grid{display:flex;flex-direction:column;gap:calc(1rem * 1.5);min-width:0}
.site-quote{font-family:"JetBrains Mono", sans-serif;font-size:24px;font-weight:700;letter-spacing:0.02em;color:inherit;text-decoration:none;border-bottom:2px solid #22C7D6;padding-bottom:0.25rem;align-self:flex-start}
.site-quote:hover,
.site-quote:focus-visible{}
.site-track{margin:0;font-size:calc(16px * .875);opacity:0.85;max-width:34ch}
.site-body{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:calc(1rem * 1.5)}
.offer-flow{min-width:0}
.active-footer{font-family:"JetBrains Mono", sans-serif;font-size:calc(16px * .875);font-weight:700;text-transform:uppercase;letter-spacing:0.08em;margin:0 0 calc(1rem * 1.5);padding-bottom:0.4rem;border-bottom:1px solid #22C7D6;color:inherit}
.focused-panel{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.4rem}
.focused-panel a{color:inherit;text-decoration:none;font-size:calc(16px * .875);border-bottom:1px solid transparent;transition:border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1),
color 260ms cubic-bezier(0.22, 0.61, 0.36, 1)}
.focused-panel a:hover,
.focused-panel a:focus-visible{border-bottom-color:#22C7D6;color:inherit}
.simple-story{gap:0.6rem}
.simple-story li{display:flex;flex-direction:column;gap:0.15rem}
.plain-feature{font-size:calc(16px * .875);text-transform:uppercase;letter-spacing:0.06em;opacity:0.7}
.media-benefit{font-size:calc(16px * .875);color:inherit;text-decoration:none;word-break:break-word}
a.footer-value:hover,
a.footer-value:focus-visible{color:inherit}
.fresh-track{margin:calc(1rem * 1.5) 0 0}
.fresh-track a{display:inline-block;padding:0.45rem 0.9rem;border:1px solid #22C7D6;color:inherit;text-decoration:none;font-size:calc(16px * .875);border-radius:0.3rem;transition:background-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1),
color 260ms cubic-bezier(0.22, 0.61, 0.36, 1)}
.fresh-track a:hover,
.fresh-track a:focus-visible{background:#22C7D6;color:#0F1215}
.team-surface{max-width:1280px;margin:0 auto;padding:1.1rem 1.25rem calc(1.1rem * 1.5);border-top:1px solid rgba(255, 255, 255, 0.12);display:flex;flex-direction:column;gap:0.5rem}
.fresh-service{margin:0;font-size:calc(16px * .875);opacity:0.8;max-width:90ch}
.media-tile{margin:0;font-size:calc(16px * .875);opacity:0.7}
@media (max-width: 960px) {.strong-shell{grid-template-columns:1fr;gap:calc(1rem * 1.5)}.site-body{grid-template-columns:repeat(2, minmax(0, 1fr))}
}
@media (max-width: 560px) {.strong-shell{padding:calc(1.1rem * 1.5) 1.25rem 1.1rem}.site-body{grid-template-columns:1fr;gap:1rem}.site-quote{font-size:24px}
}
.strong-nav {
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 9999;
background: #0F1215;
color: #F2F4F6;
border-top: 1px solid #3A424A;
box-shadow: 0 6px 18px rgba(10, 12, 14, 0.45);
font-family: "JetBrains Mono", sans-serif;
font-size: calc(16px * .875);
line-height: 1.6;
padding: 1.1rem 1.25rem;
}
.visual-stack {
max-width: 980px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 1rem;
justify-content: space-between;
}
.primary-nav {
margin: 0;
flex: 1 1 420px;
min-width: 0;
}
.main-surface {
font-size: 16px;
font-weight: 600;
margin-right: 0.35rem;
}
.public-unit {
color: #FF6A1A;
text-decoration: underline;
}
.public-unit:hover {
color: #22C7D6;
}
.wide-frame {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
flex: 0 0 auto;
}
.direct-quote {
font-family: inherit;
font-size: calc(16px * .875);
line-height: 1;
padding: 0.6rem 1rem;
border-radius: 0.55rem;
border: 1px solid #3A424A;
cursor: pointer;
transition: background 260ms cubic-bezier(0.22, 0.61, 0.36, 1), color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.media-list {
background: transparent;
color: #F2F4F6;
}
.media-list:hover{
background: color-mix(in srgb, currentColor 10%, transparent);color:#E9ECEF;}
.site-steps {
background: #FF6A1A;
color: #14171A;
border-color: #FF6A1A;
}
.site-steps:hover{
background: #E85A0F;
border-color: #E85A0F;color:#E9ECEF;}
.direct-quote:focus-visible {
outline: 2px solid #22C7D6;
outline-offset: 2px;
}
@media (max-width: 640px) {
.visual-stack {
flex-direction: column;
align-items: stretch;
}
.wide-frame {
justify-content: flex-end;
}
}
.narrow-lead{
background: linear-gradient(135deg, #1A1E22 0%, #22272C 55%, #2A3036 100%);
color: #E9ECEF;
padding: 4.5rem 1.25rem 4rem;
}
.narrow-lead .primary-plan{max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
gap: 3rem;
align-items: start;}
.narrow-lead .featured-form{display: flex;
flex-direction: column;
gap: 1.1rem;}
.narrow-lead h1{font-size: 56px;
line-height: 1.08;
margin: 0;
letter-spacing: -0.01em;}
.narrow-lead .service-wrap{font-size: 22px;
line-height: 1.4;
margin: 0;}
.narrow-lead .copy{margin: 0;
font-size: 1rem;
line-height: 1.7;}
.narrow-lead .action{margin-top: 0.6rem;
display: flex;
flex-direction: column;
gap: 0.9rem;
align-items: flex-start;}
.narrow-lead .primary{
display: inline-block;
background: #FF6A1A;
color: #14171A;
padding: 0.85rem 1.5rem;
border-radius: 0.55rem;
text-decoration: none;
font-weight: 600;
font-size: 0.98rem;
transition: background 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.narrow-lead .primary:hover,
.narrow-lead .primary:focus-visible{
background: #E85A0F;color:#E9ECEF;}
.narrow-lead .route{margin: 0;
font-size: 0.92rem;
line-height: 1.6;}
.narrow-lead .route a{text-decoration: underline;
text-underline-offset: 3px;}
.narrow-lead .route a:hover,
.narrow-lead .route a:focus-visible{}
.narrow-lead .service-shell{
background: #22272C;
color: #E9ECEF;
border: 1px solid #3A424A;
border-radius: 0.8rem;
padding: 1.1rem;
display: flex;
flex-direction: column;
gap: 0.9rem;
}
.narrow-lead .service-shell img{width: 100%;
height: 220px;
object-fit: cover;
border-radius: 0.55rem;
display: block;}
.narrow-lead .top-frame{margin: 0;
font-size: 0.92rem;
line-height: 1.65;}
@media (max-width: 900px) {.narrow-lead{
padding: 3rem 1.1rem 2.75rem;
}.narrow-lead .primary-plan{
grid-template-columns: 1fr;
gap: 2rem;
}.narrow-lead h1{
font-size: 2.1rem;
line-height: 1.15;
}.narrow-lead .service-wrap{
font-size: 1.1rem;
}.narrow-lead .service-shell img{
height: 190px;
}
}
.narrow-lead{
background: #0F1215;
color: #F2F4F6;
}
.page-headline{
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem;
}
.page-headline .primary-plan{max-width: 1080px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 2.4rem;}
.page-headline h2{font-size: 36px;
line-height: 1.2;
margin: 0;
letter-spacing: -0.01em;}
.page-headline .featured-form{margin: 0;
font-size: 1.05rem;
line-height: 1.65;}
.page-headline .content-stack{display: flex;
flex-direction: column;
gap: 0.7rem;
padding: 1.6rem 0 0;
border-top: 1px solid #3A424A;}
.page-headline .content-stack:first-of-type{border-top: none;
padding-top: 0;}
.page-headline .content-stack h3{font-size: 24px;
line-height: 1.3;
margin: 0;
color: #22C7D6;}
.page-headline .content-stack p{margin: 0;
font-size: 0.98rem;
line-height: 1.7;}
.page-headline .service-shell{margin: 0;
font-size: 0.95rem;
line-height: 1.7;}
.page-headline .service-shell a{color: #FF6A1A;
text-decoration: underline;
text-underline-offset: 3px;}
.page-headline .service-shell a:hover{color: #E85A0F;}
@media (max-width: 720px) {.page-headline{
padding: 3rem 1rem;
}.page-headline .primary-plan{
gap: 1.8rem;
}.page-headline h2{
font-size: 1.7rem;
}.page-headline .content-stack h3{
font-size: 1.15rem;
}
}
.page-headline{
background: #1A1E22;
color: #E9ECEF;
}
.open-group{
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem;
}
.open-group .primary-plan{max-width: 1280px;
margin: 0 auto;}
.open-group h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 0.9rem;
letter-spacing: -0.01em;}
.open-group .featured-form{font-size: 22px;
line-height: 1.5;
margin: 0 0 2.6rem;}
.open-group .route{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;}
.open-group .focused-surface{padding: 1.5rem 0;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
gap: 2rem;
align-items: start;
border-top: 1px solid #3A424A;}
.open-group .focused-surface:last-child{border-bottom: 1px solid #3A424A;}
.open-group .focused-surface h3{font-size: 24px;
line-height: 1.3;
margin: 0;}
.open-group .focused-surface p{margin: 0;
line-height: 1.65;}
.open-group .strong-brand{margin: 2.4rem 0 0;
line-height: 1.65;}
.open-group .strong-brand a{text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 1px;
transition: color 260ms var(--ease-base, cubic-bezier(0.22, 0.61, 0.36, 1));}
.open-group .strong-brand a:hover{}
@media (max-width: 760px) {.open-group{
padding: 3rem 1rem;
}.open-group h2{
font-size: 26px;
}.open-group .featured-form{
font-size: 18px;
margin-bottom: 1.8rem;
}.open-group .focused-surface{
grid-template-columns: 1fr;
gap: 0.6rem;
padding: 1.25rem 0;
}.open-group .focused-surface h3{
font-size: 20px;
}
}
.open-group{
background: #0F1215;
color: #F2F4F6;
}
.top-quote{
--copy-body: #3A424A;
--line-dark: #FF6A1A;
--tone-main: #22C7D6;
background: #1A1E22;
color: #E9ECEF;
padding: 3.5rem 1.25rem;
}
.top-quote .primary-plan{max-width: 1280px;
margin: 0 auto;}
.top-quote .featured-quote{margin-bottom: 2.25rem;}
.top-quote .featured-quote h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 0.9rem;}
.top-quote .featured-form{font-size: 22px;
line-height: 1.5;
margin: 0;}
.top-quote .split{display: grid;
grid-template-columns: 1.15fr 0.85fr;
gap: 2.5rem;
align-items: start;}
.top-quote .route{padding: 0 0 1.4rem;
margin-bottom: 1.4rem;
border-bottom: 1px solid var(--copy-body);}
.top-quote .route:last-of-type{border-bottom: none;
margin-bottom: 0.6rem;
padding-bottom: 0;}
.top-quote .route h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.5rem;}
.top-quote .route p{margin: 0;
line-height: 1.6;}
.top-quote .contact-body{margin: 1.2rem 0 0;
font-size: 0.95rem;
line-height: 1.6;}
.top-quote .contact-body a{color: var(--tone-main);
text-decoration: none;
border-bottom: 1px solid rgba(34, 199, 214, 0.5);
padding-bottom: 1px;}
.top-quote .contact-body a:hover{color: var(--line-dark);
border-bottom-color: var(--line-dark);}
.top-quote .secondary-service{
margin: 0;
background: #22272C;
color: #E9ECEF;
border: 1px solid #3A424A;
border-radius: 0.8rem;
overflow: hidden;
}
.top-quote .secondary-service img{display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;}
.top-quote .secondary-service figcaption{padding: 0.9rem 1.1rem;
font-size: 0.88rem;
line-height: 1.5;}
@media (max-width: 900px) {.top-quote{
padding: 2.5rem 1rem;
}.top-quote .split{
grid-template-columns: 1fr;
gap: 2rem;
}.top-quote .featured-quote h2{
font-size: 28px;
}.top-quote .featured-form{
font-size: 18px;
}.top-quote .route h3{
font-size: 20px;
}
}
.top-quote{
background: #1A1E22;
color: #E9ECEF;
}
.main-quote{
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem;
}
.main-quote .primary-plan{max-width: 1280px;
margin: 0 auto;}
.main-quote .featured-quote{margin-bottom: 2.75rem;}
.main-quote h1{font-size: 56px;
line-height: 1.1;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.main-quote .featured-form{font-size: 22px;
line-height: 1.5;
margin: 0;}
.main-quote .split{display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
gap: 2.5rem;
align-items: start;
margin-bottom: 3rem;}
.main-quote .copy h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1rem;}
.main-quote .copy p{margin: 0 0 1rem;
line-height: 1.7;}
.main-quote .copy p:last-child{margin-bottom: 0;}
.main-quote .fresh-steps{
margin: 0;
background: #22272C;
border: 1px solid #3A424A;
border-radius: 0.8rem;
overflow: hidden;color:#E9ECEF;}
.main-quote .fresh-steps img{display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;}
.main-quote .fresh-steps figcaption{padding: 0.85rem 1rem;
font-size: 0.85rem;
line-height: 1.5;}
.main-quote .local-wrap{display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 1.75rem;
padding-top: 2.25rem;
border-top: 1px solid #3A424A;}
.main-quote .service-shell h3{font-size: 24px;
line-height: 1.25;
margin: 0 0 0.6rem;}
.main-quote .service-shell p{margin: 0;
line-height: 1.65;}
.main-quote .strong-brand{margin: 2.5rem 0 0;
line-height: 1.7;}
@media (max-width: 900px) {.main-quote .split{
grid-template-columns: 1fr;
gap: 1.75rem;
}.main-quote .local-wrap{
grid-template-columns: 1fr;
gap: 1.4rem;
}
}
@media (max-width: 640px) {.main-quote{
padding: 3rem 1rem;
}.main-quote h1{
font-size: 2.1rem;
}.main-quote .featured-form{
font-size: 1.1rem;
}.main-quote .copy h2{
font-size: 1.6rem;
}.main-quote .service-shell h3{
font-size: 1.2rem;
}
}
.main-quote{
background: #0F1215;
color: #F2F4F6;
}
.visual-header{
background: #1A1E22;
color: #E9ECEF;
padding: 3.5rem 1.25rem 4rem;
}
.visual-header .primary-plan{max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.5rem;}
.visual-header h2{font-size: 36px;
line-height: 1.2;
margin: 0;
letter-spacing: -0.01em;}
.visual-header .featured-form{font-size: 22px;
line-height: 1.5;
margin: 0;}
.visual-header p{margin: 0;
line-height: 1.7;}
.visual-header .local-wrap{list-style: none;
margin: 1rem 0 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.75rem 2.5rem;}
.visual-header .local-wrap li{padding-top: 1.25rem;
border-top: 1px solid #3A424A;}
.visual-header .local-wrap h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.6rem;}
.visual-header .local-wrap p{font-size: 0.95rem;}
@media (max-width: 760px) {.visual-header{
padding: 2.5rem 1rem 3rem;
}.visual-header h2{
font-size: 28px;
}.visual-header .featured-form{
font-size: 18px;
}.visual-header .local-wrap{
grid-template-columns: 1fr;
gap: 1.5rem;
}.visual-header .local-wrap h3{
font-size: 20px;
}
}
.visual-header{
background: #1A1E22;
color: #E9ECEF;
}
.main{
background: #0F1215;
color: #F2F4F6;
padding: 3.5rem 1.25rem;
}
.main .primary-plan{max-width: 1280px;
margin: 0 auto;
display: grid;
gap: 1.4rem;}
.main h2{font-size: 36px;
line-height: 1.25;
margin: 0;}
.main p{margin: 0;
line-height: 1.65;}
.main .page-track{display: grid;
gap: 0.55rem;
margin-top: 0.6rem;}
.main .direct-grid{font-size: 0.95rem;}
.main .meta{display: inline-block;
min-width: 6.5rem;}
.main a{text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.main a:hover{border-bottom-color: #22C7D6;}
@media (max-width: 640px) {.main{
padding: 2.5rem 1rem;
}.main h2{
font-size: 1.6rem;
}.main .meta{
display: block;
min-width: 0;
margin-bottom: 0.15rem;
}
}
.main{
background: #0F1215;
color: #F2F4F6;
}
.soft-rail{
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem;
}
.soft-rail .primary-plan{max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.4rem;}
.soft-rail h2{font-size: 36px;
line-height: 1.25;
margin: 0;
letter-spacing: -0.01em;}
.soft-rail .featured-form{font-size: 22px;
line-height: 1.5;
margin: 0;}
.soft-rail p{margin: 0;
line-height: 1.65;}
.soft-rail .strong-brand{color: #22C7D6;}
@media (max-width: 720px) {.soft-rail{
padding: 3rem 1rem;
}.soft-rail h2{
font-size: 26px;
}.soft-rail .featured-form{
font-size: 18px;
}
}
.soft-rail{
background: #1A1E22;
color: #E9ECEF;
}
.fresh-shell{
--surface-card: #22272C;
--line-primary: #E9ECEF;
--surface-secondary: #3A424A;
background: #1A1E22;
color: #E9ECEF;
padding: 4rem 1.25rem;
}
.fresh-shell .primary-plan{max-width: 1280px;
margin: 0 auto;}
.fresh-shell .featured-quote{margin-bottom: 2.75rem;}
.fresh-shell h1{font-size: 56px;
line-height: 1.15;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.fresh-shell .featured-form{font-size: 22px;
line-height: 1.55;
margin: 0;}
.fresh-shell .top-items{display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 1.5rem;}
.fresh-shell .quiet-headline{
background: var(--surface-card);
color: var(--line-primary);
border: 1px solid var(--surface-secondary);
border-radius: 0.8rem;
padding: 1.75rem 1.6rem 1.9rem;
display: flex;
flex-direction: column;
}
.fresh-shell .quiet-headline h2{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.9rem;}
.fresh-shell .quiet-headline p{margin: 0 0 1.2rem;
line-height: 1.6;}
.fresh-shell .soft-frame{list-style: none;
margin: 0 0 1.6rem;
padding: 0;
font-size: 15px;
line-height: 1.55;}
.fresh-shell .soft-frame li{padding: 0.5rem 0;
border-top: 1px solid var(--surface-secondary);
color: var(--line-primary);}
.fresh-shell .soft-frame li:first-child{border-top: none;
padding-top: 0;}
.fresh-shell .steady-fields{
margin-top: auto;
align-self: flex-start;
display: inline-block;
padding: 0.7rem 1.15rem;
background: #FF6A1A;
color: #14171A;
border-radius: 0.55rem;
text-decoration: none;
font-size: 15px;
font-weight: 600;
transition: background 260ms var(--ease-base, cubic-bezier(0.22, 0.61, 0.36, 1));
}
.fresh-shell .steady-fields:hover{
background: #E85A0F;color:#E9ECEF;}
.fresh-shell .route{margin: 2.75rem 0 0;
font-size: 15px;
line-height: 1.7;}
.fresh-shell .route a{color: #22C7D6;
text-decoration: none;
border-bottom: 1px solid #22C7D6;}
.fresh-shell .route a:hover{color: #17A9B6;
border-bottom-color: #17A9B6;}
@media (max-width: 900px) {.fresh-shell .top-items{
grid-template-columns: 1fr;
}.fresh-shell h1{
font-size: 38px;
}.fresh-shell .featured-form{
font-size: 19px;
}
}
@media (max-width: 560px) {.fresh-shell{
padding: 2.75rem 1rem;
}.fresh-shell h1{
font-size: 30px;
}.fresh-shell .featured-form{
font-size: 17px;
}.fresh-shell .quiet-headline{
padding: 1.4rem 1.2rem 1.5rem;
}
}
.fresh-shell{
background: #1A1E22;
color: #E9ECEF;
}
.page-feature{
background: #1A1E22;
color: #E9ECEF;
padding: 4rem 1.5rem;
}
.page-feature .primary-plan{max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.75rem;}
.page-feature h2{font-size: 36px;
line-height: 1.2;
margin: 0;}
.page-feature h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.5rem;}
.page-feature .featured-form{font-size: 22px;
line-height: 1.5;
margin: 0;}
.page-feature .content-stack{
background: #22272C;
color: #E9ECEF;
border: 1px solid #3A424A;
border-radius: 0.8rem;
padding: 1.5rem 1.75rem;
}
.page-feature .content-stack p{margin: 0;
line-height: 1.65;}
.page-feature .local-plan{
margin: 0;
padding: 1.25rem 1.5rem;
background: #22272C;
color: #C7CDD3;
border-radius: 0.55rem;
line-height: 1.65;
}
@media (max-width: 720px) {.page-feature{
padding: 2.75rem 1.1rem;
}.page-feature h2{
font-size: 28px;
}.page-feature h3{
font-size: 20px;
}.page-feature .featured-form{
font-size: 18px;
}.page-feature .content-stack{
padding: 1.25rem 1.25rem;
}
}
.page-feature{
background: #0F1215;
color: #F2F4F6;
}
.team-intro{
background: #1A1E22;
color: #E9ECEF;
padding: 4rem 1.5rem;
}
.team-intro .primary-plan{max-width: 1280px;
margin: 0 auto;}
.team-intro h2{font-size: 36px;
line-height: 1.25;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.team-intro .featured-form{font-size: 22px;
line-height: 1.5;
margin: 0 0 2.5rem;}
.team-intro .direct-service{display: flex;
flex-direction: column;
gap: 2rem;}
.team-intro .content-stack{padding: 0;}
.team-intro .content-stack h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.6rem;
color: #22C7D6;}
.team-intro .content-stack p{margin: 0;
font-size: 16px;
line-height: 1.6;}
.team-intro .content-stack a{color: #FF6A1A;
text-decoration: underline;
text-underline-offset: 3px;}
.team-intro .content-stack a:hover{color: #E85A0F;}
@media (max-width: 720px) {.team-intro{
padding: 2.5rem 1.1rem;
}.team-intro h2{
font-size: 26px;
}.team-intro .featured-form{
font-size: 18px;
margin-bottom: 1.8rem;
}.team-intro .content-stack h3{
font-size: 20px;
}.team-intro .direct-service{
gap: 1.5rem;
}
}
.team-intro{
background: #1A1E22;
color: #E9ECEF;
}
.wide-form{
background: #1A1E22;
color: #E9ECEF;
padding: 4rem 1.5rem;
}
.wide-form .primary-plan{max-width: 1080px;
margin: 0 auto;}
.wide-form h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1.5rem;
letter-spacing: -0.01em;}
.wide-form h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.75rem;}
.wide-form .featured-form{font-size: 22px;
line-height: 1.5;
margin: 0 0 3rem;}
.wide-form .clear-stack{display: flex;
flex-direction: column;
gap: 2.5rem;}
.wide-form .active-details{
background: #22272C;
color: #E9ECEF;
border: 1px solid #3A424A;
border-radius: 0.8rem;
padding: 1.75rem 2rem;
}
.wide-form .active-details p{margin: 0;
line-height: 1.65;}
.wide-form .active-details h3{}
.wide-form .service-shell{
margin: 3rem 0 0;
padding: 1.5rem 2rem;
background: #0F1215;
color: #F2F4F6;
border-radius: 0.55rem;
line-height: 1.65;
}
.wide-form .service-shell a{text-decoration: underline;
text-underline-offset: 3px;}
.wide-form .service-shell a:hover{}
@media (max-width: 640px) {.wide-form{
padding: 2.5rem 1.1rem;
}.wide-form h2{
font-size: 28px;
}.wide-form .featured-form{
font-size: 18px;
margin-bottom: 2rem;
}.wide-form .active-details{
padding: 1.35rem 1.25rem;
}.wide-form .service-shell{
padding: 1.25rem 1.25rem;
}
}
.wide-form{
background: #0F1215;
color: #F2F4F6;
}
.region{
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.5rem;
}
.region .primary-plan{max-width: 1280px;
margin: 0 auto;}
.region h1{font-size: 56px;
line-height: 1.15;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.region .featured-form{font-size: 22px;
line-height: 1.55;
color: #C7CDD3;
margin: 0 0 3.2rem;}
.region .clear-stack{display: flex;
flex-direction: column;
gap: 2.6rem;}
.region .content-stack{display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1.35fr);
gap: 2rem;
align-items: start;}
.region .content-stack:nth-child(even){grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);}
.region .content-stack:nth-child(even) .secondary-service{order: 2;}
.region .secondary-service{
margin: 0;
border-radius: 0.8rem;
overflow: hidden;
background: #22272C;
border: 1px solid #3A424A;color:#E9ECEF;}
.region .secondary-service img{display: block;
width: 100%;
height: 100%;
aspect-ratio: 4 / 3;
object-fit: cover;}
.region .service-shell{padding-top: 0.3rem;}
.region .service-shell h2{font-size: 24px;
margin: 0 0 0.7rem;
line-height: 1.3;}
.region .service-shell p{margin: 0;
line-height: 1.65;
color: #C7CDD3;}
@media (max-width: 860px) {.region{
padding: 3rem 1.1rem;
}.region h1{
font-size: 2rem;
}.region .featured-form{
font-size: 1.05rem;
margin-bottom: 2.2rem;
}.region .content-stack,
.region .content-stack:nth-child(even){
grid-template-columns: minmax(0, 1fr);
gap: 1.1rem;
}.region .content-stack:nth-child(even) .secondary-service{
order: 0;
}
}
.region{
background: #1A1E22;
color: #E9ECEF;
}
.page-proof{
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.5rem;
}
.page-proof .primary-plan{max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
gap: 3.5rem;
align-items: start;}
.page-proof .featured-form h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1.25rem;}
.page-proof .featured-form p{font-size: 22px;
line-height: 1.55;
margin: 0;}
.page-proof .local-wrap h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 1.5rem;}
.page-proof .public-section{list-style: none;
margin: 0;
padding: 0;}
.page-proof .main-header{padding: 1.1rem 0;
border-top: 1px solid #3A424A;}
.page-proof .main-header:last-child{border-bottom: 1px solid #3A424A;}
.page-proof .featured-menu{display: block;
font-size: 1rem;
letter-spacing: 0.02em;
margin-bottom: 0.4rem;}
.page-proof .quiet-grid{display: block;
font-size: 0.95rem;
line-height: 1.6;}
.page-proof .service-shell{margin: 1.75rem 0 0;
font-size: 0.95rem;
line-height: 1.6;}
@media (max-width: 860px) {.page-proof{
padding: 3rem 1.15rem;
}.page-proof .primary-plan{
grid-template-columns: 1fr;
gap: 2.25rem;
}.page-proof .featured-form h2{
font-size: 28px;
}.page-proof .featured-form p{
font-size: 18px;
}.page-proof .local-wrap h3{
font-size: 20px;
}
}
.page-proof{
background: #0F1215;
color: #F2F4F6;
}
.contact{
background: #1A1E22;
color: #E9ECEF;
padding: 4rem 1.25rem;
}
.contact .primary-plan{max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
gap: 2.5rem;
align-items: start;}
.contact h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1rem;}
.contact .copy p{margin: 0;
font-size: 22px;
line-height: 1.55;}
.contact .action{display: flex;
flex-direction: column;
gap: 1.1rem;
padding-top: 0.4rem;}
.contact .button{
display: inline-block;
align-self: flex-start;
background: #FF6A1A;
color: #14171A;
text-decoration: none;
font-weight: 600;
padding: 0.95rem 1.6rem;
border-radius: 0.55rem;
transition: background 260ms var(--ease-base, cubic-bezier(0.22, 0.61, 0.36, 1));
}
.contact .button:hover{
background: #E85A0F;color:#E9ECEF;}
.contact .service-shell{margin: 0;
font-size: 0.95rem;
line-height: 1.6;}
.contact .service-shell a{color: #22C7D6;
text-decoration: underline;
text-underline-offset: 3px;}
.contact .service-shell a:hover{color: #17A9B6;}
@media (max-width: 820px) {.contact{
padding: 3rem 1.1rem;
}.contact .primary-plan{
grid-template-columns: 1fr;
gap: 1.8rem;
}.contact h2{
font-size: 28px;
}.contact .copy p{
font-size: 18px;
}
}
.contact{
background: #1A1E22;
color: #E9ECEF;
}
.section{
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem;
}
.section .primary-plan{max-width: 1280px;
margin: 0 auto;
display: grid;
gap: 3rem;}
.section .featured-quote{display: grid;
gap: 1rem;}
.section .featured-quote h2{font-size: 36px;
line-height: 1.15;
margin: 0;}
.section .featured-quote p{margin: 0;
line-height: 1.65;}
.section .public-form{display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2.25rem 3rem;}
.section .figure h3{font-size: 24px;
line-height: 1.25;
margin: 0 0 0.6rem;}
.section .figure p{margin: 0;
line-height: 1.6;}
.section .route{margin: 0;
line-height: 1.6;}
.section .route a{text-decoration: none;
border-bottom: 1px solid currentColor;
transition: color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.section .route a:hover{}
@media (max-width: 820px) {.section{
padding: 3rem 1rem;
}.section .public-form{
grid-template-columns: 1fr;
gap: 1.75rem;
}.section .featured-quote h2{
font-size: calc(36px * 0.82);
}.section .figure h3{
font-size: calc(24px * 0.92);
}
}
.section{
background: #0F1215;
color: #F2F4F6;
}
.featured-view{
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem;
}
.featured-view .primary-plan{max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.6rem;}
.featured-view h1{font-size: 56px;
line-height: 1.15;
margin: 0;
letter-spacing: -0.01em;}
.featured-view .featured-form{font-size: 22px;
line-height: 1.6;
margin: 0;}
.featured-view .route{
background: #22272C;
color: #E9ECEF;
border: 1px solid #3A424A;
border-radius: 0.8rem;
padding: 1.4rem 1.5rem;
display: flex;
flex-direction: column;
gap: 0.7rem;
}
.featured-view .site-section{margin: 0;
font-size: 1rem;
line-height: 1.6;}
.featured-view .route a{color: #22C7D6;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 260ms var(--ease-base, cubic-bezier(0.22, 0.61, 0.36, 1));}
.featured-view .route a:hover,
.featured-view .route a:focus-visible{border-bottom-color: #22C7D6;}
@media (max-width: 720px) {.featured-view{
padding: 3rem 1rem;
}.featured-view h1{
font-size: 34px;
}.featured-view .featured-form{
font-size: 18px;
}
}
.featured-view{
background: #1A1E22;
color: #E9ECEF;
}
.open-group{
--copy-large: #3A424A;
--state-content: #22272C;
background: #1A1E22;
color: #E9ECEF;
padding: 3.5rem 1.25rem;
}
.open-group .primary-plan{max-width: 1280px;
margin: 0 auto;}
.open-group .featured-quote{max-width: 780px;
margin-bottom: 2.5rem;}
.open-group .featured-quote h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.open-group .featured-form{font-size: 22px;
line-height: 1.55;
margin: 0;}
.open-group .route{display: grid;
grid-template-columns: 1.65fr 1fr;
gap: 2.5rem;
align-items: start;}
.open-group .steady-media h3,
.open-group .contact-body h3{font-size: 24px;
margin: 0 0 1.25rem;
font-weight: 600;}
.open-group .service-form{list-style: none;
margin: 0;
padding: 0;}
.open-group .focused-surface{display: grid;
grid-template-columns: 3rem 1fr;
gap: 1rem;
padding: 1.1rem 0;
border-top: 1px solid var(--copy-large);}
.open-group .focused-surface:last-child{border-bottom: 1px solid var(--copy-large);}
.open-group .steady-body{font-size: 0.95rem;
padding-top: 0.2rem;
letter-spacing: 0.04em;}
.open-group .focused-surface h4{font-size: 1.05rem;
margin: 0 0 0.4rem;
font-weight: 600;}
.open-group .focused-surface p{margin: 0;
line-height: 1.6;}
.open-group .contact-body{
background: var(--state-content);
color: #E9ECEF;
border: 1px solid var(--copy-large);
border-radius: 0.8rem;
padding: 1.5rem 1.4rem;
}
.open-group .contact-body p{margin: 0 0 1rem;
line-height: 1.6;}
.open-group .contact-body p:last-child{margin-bottom: 0;}
.open-group .service-shell{font-size: 0.95rem;}
.open-group .service-shell a{text-decoration: none;
border-bottom: 1px solid rgba(34, 199, 214, 0.4);
transition: color 260ms var(--ease-base, cubic-bezier(0.22, 0.61, 0.36, 1));}
.open-group .service-shell a:hover{border-bottom-color: rgba(255, 106, 26, 0.5);}
@media (max-width: 900px) {.open-group .route{
grid-template-columns: 1fr;
gap: 2rem;
}
}
@media (max-width: 560px) {.open-group{
padding: 2.5rem 1rem;
}.open-group .featured-quote h2{
font-size: 28px;
}.open-group .featured-form{
font-size: 18px;
}.open-group .focused-surface{
grid-template-columns: 2.25rem 1fr;
gap: 0.75rem;
}
}
.narrow-body{
--stack-large: 1.75rem;
background: #1A1E22;
color: #E9ECEF;
padding: 4rem 1.5rem;
}
.narrow-body .primary-plan{max-width: 1280px;
margin: 0 auto;}
.narrow-body .featured-quote{margin-bottom: 3rem;}
.narrow-body h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1.25rem;}
.narrow-body .featured-quote p{font-size: 22px;
line-height: 1.55;
margin: 0 0 1rem;
color: #C7CDD3;}
.narrow-body .featured-quote p:last-child{margin-bottom: 0;}
.narrow-body .secondary-copy{display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: var(--stack-large);}
.narrow-body .team-copy{
background: #22272C;
color: #E9ECEF;
border: 1px solid #3A424A;
border-radius: 0.8rem;
padding: 1.6rem 1.5rem;
}
.narrow-body .team-copy h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.75rem;
color: #E9ECEF;}
.narrow-body .team-copy p{margin: 0;
line-height: 1.6;
color: #C7CDD3;}
.narrow-body .route{margin: 3rem 0 0;
padding-top: 1.5rem;
border-top: 1px solid #3A424A;
color: #C7CDD3;
line-height: 1.6;}
.narrow-body .route a{color: #22C7D6;
text-decoration: none;
border-bottom: 1px solid #22C7D6;}
.narrow-body .route a:hover{color: #17A9B6;
border-bottom-color: #17A9B6;}
@media (max-width: 820px) {.narrow-body{
padding: 3rem 1.25rem;
}.narrow-body .secondary-copy{
grid-template-columns: 1fr;
gap: 1.25rem;
}.narrow-body h2{
font-size: 1.9rem;
}.narrow-body .featured-quote p{
font-size: 1.05rem;
}
}
.narrow-body{
background: #1A1E22;
color: #E9ECEF;
}
.primary-flow{
background: #1A1E22;
color: #E9ECEF;
padding: 4rem 1.5rem;
}
.primary-flow .primary-plan{max-width: 1280px;
margin: 0 auto;}
.primary-flow h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1rem;}
.primary-flow .featured-form{font-size: 22px;
line-height: 1.5;
margin: 0 0 2.5rem;}
.primary-flow .service-form{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 1.75rem;}
.primary-flow .focused-surface{
padding: 1.25rem 1.4rem;
background: #22272C;
color: #E9ECEF;
border: 1px solid #3A424A;
border-radius: 0.55rem;
}
.primary-flow .focused-surface h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.6rem;}
.primary-flow .focused-surface p{margin: 0;
line-height: 1.6;}
.primary-flow .service-shell{margin: 2.5rem 0 0;
padding-top: 1.5rem;
border-top: 1px solid #3A424A;
line-height: 1.6;}
.primary-flow .service-shell a{text-decoration: none;
border-bottom: 1px solid currentColor;}
.primary-flow .service-shell a:hover{}
@media (min-width: 900px) {.primary-flow{
padding: 5.5rem 2rem;
}.primary-flow .service-form{
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem 1.75rem;
}
}
@media (max-width: 600px) {.primary-flow h2{
font-size: 28px;
}.primary-flow .featured-form{
font-size: 18px;
}.primary-flow .focused-surface h3{
font-size: 20px;
}
}
.primary-flow{
background: #0F1215;
color: #F2F4F6;
}
.featured-shell{
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem;
}
.featured-shell .primary-plan{max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.6rem;}
.featured-shell h2{font-size: 36px;
line-height: 1.2;
margin: 0;
max-width: 34ch;}
.featured-shell .featured-form{margin: 0;
font-size: 22px;
line-height: 1.5;}
.featured-shell .content-stack{margin: 0.6rem 0 0;
display: flex;
flex-direction: column;
gap: 1.9rem;}
.featured-shell .content-stack dt{font-size: 1.05rem;
font-weight: 600;
letter-spacing: 0.01em;
margin-bottom: 0.55rem;
color: #22C7D6;}
.featured-shell .content-stack dd{margin: 0;
line-height: 1.65;
color: #E9ECEF;}
.featured-shell .strong-brand{margin: 0.4rem 0 0;
padding-top: 1.4rem;
border-top: 1px solid #3A424A;
line-height: 1.65;}
.featured-shell .strong-brand a{color: #FF6A1A;
text-decoration: none;
border-bottom: 1px solid currentColor;}
.featured-shell .strong-brand a:hover,
.featured-shell .strong-brand a:focus-visible{color: #E85A0F;}
@media (max-width: 720px) {.featured-shell{
padding: 3rem 1.1rem;
}.featured-shell h2{
font-size: 1.7rem;
}.featured-shell .featured-form{
font-size: 1.1rem;
}.featured-shell .content-stack{
gap: 1.5rem;
}
}
.featured-shell{
background: #1A1E22;
color: #E9ECEF;
}
.featured-view{
--font-large: #3A424A;
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem 4rem;
}
.featured-view .primary-plan{max-width: 1180px;
margin: 0 auto;}
.featured-view .featured-form{max-width: 62ch;}
.featured-view h1{font-size: 56px;
line-height: 1.1;
margin: 0 0 1.25rem;
letter-spacing: -0.01em;}
.featured-view .featured-form p{font-size: 22px;
line-height: 1.5;
margin: 0;}
.featured-view .visual-summary{margin-top: 3.5rem;
display: grid;
grid-template-columns: 1.15fr 1fr 1fr;
gap: 2.5rem 2.75rem;}
.featured-view .route h2{font-size: 24px;
line-height: 1.25;
margin: 0 0 0.85rem;}
.featured-view .route p{margin: 0 0 0.9rem;
line-height: 1.6;}
.featured-view .route .direct-grid{margin: 0;}
.featured-view a{color: #22C7D6;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1), color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.featured-view a:hover,
.featured-view a:focus-visible{color: #FF6A1A;
border-bottom-color: currentColor;}
.featured-view .service-shell{margin: 3.25rem 0 0;
padding-top: 1.75rem;
border-top: 1px solid var(--font-large);
line-height: 1.6;
max-width: 78ch;}
@media (max-width: 960px) {.featured-view .visual-summary{
grid-template-columns: 1fr 1fr;
}.featured-view .route:first-child{
grid-column: 1 / -1;
}
}
@media (max-width: 640px) {.featured-view{
padding: 3rem 1.1rem 2.75rem;
}.featured-view h1{
font-size: 34px;
}.featured-view .featured-form p{
font-size: 18px;
}.featured-view .visual-summary{
grid-template-columns: 1fr;
gap: 2rem;
margin-top: 2.5rem;
}.featured-view .route:first-child{
grid-column: auto;
}
}
.main{
--gap-medium: 1.1rem;
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem;
}
.main .primary-plan{max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: var(--gap-medium);}
.main h2{font-size: 36px;
line-height: 1.2;
margin: 0;
letter-spacing: -0.01em;}
.main .featured-form{font-size: 22px;
line-height: 1.5;
margin: 0;}
.main p{margin: 0;
line-height: 1.65;}
.main .service-shell{margin-top: 0.4rem;
padding-top: 1.1rem;
border-top: 1px solid #3A424A;
font-size: 0.95rem;}
.main .service-shell a{text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 260ms var(--ease-base, cubic-bezier(0.22, 0.61, 0.36, 1));}
.main .service-shell a:hover,
.main .service-shell a:focus-visible{border-bottom-color: #22C7D6;
outline: none;}
@media (max-width: 720px) {.main{
padding: 3rem 1rem;
}.main h2{
font-size: 28px;
}.main .featured-form{
font-size: 18px;
}
}
.wide-content{
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem;
}
.wide-content .primary-plan{max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 3rem;}
.wide-content .featured-form h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1.1rem;}
.wide-content .featured-form p{font-size: 22px;
line-height: 1.55;
margin: 0;}
.wide-content .public-inner{display: grid;
grid-template-columns: 1.1fr 1fr 1fr;
gap: 2.5rem 2rem;}
.wide-content .public-brand h3{font-size: 24px;
margin: 0 0 0.7rem;
color: #22C7D6;}
.wide-content .public-brand p{margin: 0 0 0.9rem;
line-height: 1.6;}
.wide-content .public-brand .value{margin: 0;
font-size: 1.05rem;}
.wide-content .public-brand address.value{font-style: normal;
line-height: 1.55;}
.wide-content .public-brand a{color: var(--line-light, #FF6A1A);
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.wide-content .public-brand a:hover,
.wide-content .public-brand a:focus-visible{border-bottom-color: var(--line-light, #FF6A1A);}
.wide-content .service-shell{margin: 0;
max-width: none;
line-height: 1.65;}
@media (max-width: 900px) {.wide-content .public-inner{
grid-template-columns: 1fr;
gap: 2rem;
}
}
@media (max-width: 600px) {.wide-content{
padding: 3rem 1.1rem;
}.wide-content .featured-form h2{
font-size: 28px;
}.wide-content .featured-form p{
font-size: 18px;
}.wide-content .public-brand h3{
font-size: 20px;
}
}
.wide-content{
background: #1A1E22;
color: #E9ECEF;
}
.narrow-body{
--font-small: #3A424A;
--axis-base: #FF6A1A;
--axis-soft: #22C7D6;
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem 5rem;
}
.narrow-body .primary-plan{max-width: 1280px;
margin: 0 auto;}
.narrow-body .featured-quote{display: grid;
gap: 1.1rem;
margin-bottom: 3.25rem;}
.narrow-body .featured-quote h1{font-size: 56px;
line-height: 1.08;
margin: 0;
letter-spacing: -0.01em;}
.narrow-body .featured-form{font-size: 22px;
line-height: 1.5;
margin: 0;}
.narrow-body .split{display: grid;
grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
gap: 3rem;
align-items: start;}
.narrow-body .clear-header{display: grid;
gap: 2.4rem;}
.narrow-body .team-copy h2{font-size: 24px;
line-height: 1.25;
margin: 0 0 0.65rem;}
.narrow-body .team-copy p{margin: 0;
line-height: 1.65;}
.narrow-body .content-frame{display: grid;
gap: 1rem;}
.narrow-body .content-frame img{
display: block;
width: 100%;
height: auto;
border-radius: 0.8rem;
background: #22272C;color:#E9ECEF;}
.narrow-body .service-shell{margin: 0;
font-size: 0.92rem;
line-height: 1.6;}
.narrow-body .strong-brand{margin-top: 3.5rem;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 2.6rem 3rem;}
.narrow-body .route{grid-column: 1 / -1;
margin: 0;
padding-top: 1.6rem;
border-top: 1px solid var(--font-small);
line-height: 1.6;}
.narrow-body .route a{text-decoration: none;
border-bottom: 1px solid rgba(34, 199, 214, 0.45);
transition: color 260ms cubic-bezier(0.22, 0.61, 0.36, 1),
border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.narrow-body .route a:hover,
.narrow-body .route a:focus-visible{border-bottom-color: var(--axis-base);}
@media (max-width: 900px) {.narrow-body .split{
grid-template-columns: 1fr;
gap: 2.4rem;
}.narrow-body .strong-brand{
grid-template-columns: 1fr;
gap: 2.2rem;
}
}
@media (max-width: 560px) {.narrow-body{
padding: 3rem 1rem 3.5rem;
}.narrow-body .featured-quote h1{
font-size: 34px;
}.narrow-body .featured-form{
font-size: 18px;
}.narrow-body .team-copy h2{
font-size: 20px;
}
}
.narrow-body{
background: #0F1215;
color: #F2F4F6;
}
.team-intro{
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem 5rem;
}
.team-intro .primary-plan{max-width: 1280px;
margin: 0 auto;}
.team-intro h1{font-size: 56px;
line-height: 1.12;
margin: 0 0 1.75rem;
letter-spacing: -0.01em;}
.team-intro .featured-form{margin-bottom: 3.25rem;}
.team-intro .featured-form p{font-size: 22px;
line-height: 1.55;
margin: 0 0 1rem;}
.team-intro .featured-form p:last-child{margin-bottom: 0;}
.team-intro .local-wrap{display: flex;
flex-direction: column;
gap: 2.4rem;}
.team-intro .service-shell h2{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.7rem;}
.team-intro .service-shell p{margin: 0;
line-height: 1.65;}
.team-intro .strong-brand{margin-top: 3.25rem;
padding-top: 1.75rem;
border-top: 1px solid #3A424A;}
.team-intro .strong-brand p{margin: 0;
font-size: 1.05rem;
line-height: 1.6;
color: #F2F4F6;}
@media (min-width: 900px) {.team-intro .local-wrap{
display: grid;
grid-template-columns: 1fr 1fr;
gap: 2.6rem 3.5rem;
}.team-intro .service-shell:first-child{
grid-column: 1 / -1;
}
}
@media (max-width: 640px) {.team-intro{
padding: 3rem 1rem 3.5rem;
}.team-intro h1{
font-size: 2rem;
}.team-intro .featured-form p{
font-size: 1.1rem;
}.team-intro .service-shell h2{
font-size: 1.25rem;
}
}
.team-intro{
background: #0F1215;
color: #F2F4F6;
}
.featured-shell{
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem 5rem;
}
.featured-shell .primary-plan{max-width: 1080px;
margin: 0 auto;}
.featured-shell .featured-quote{margin-bottom: 2.75rem;}
.featured-shell h1{font-size: 56px;
line-height: 1.1;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.featured-shell .featured-form{font-size: 22px;
line-height: 1.55;
margin: 0;}
.featured-shell .direct-service{display: flex;
flex-direction: column;}
.featured-shell .content-stack{padding: 1.6rem 0;}
.featured-shell .content-stack + .content-stack{border-top: 1px solid #3A424A;}
.featured-shell .content-stack h2{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.7rem;
font-weight: 600;}
.featured-shell .content-stack p{margin: 0;
line-height: 1.65;}
.featured-shell .route{margin: 2.5rem 0 0;
padding-top: 1.5rem;
border-top: 1px solid #3A424A;
line-height: 1.6;}
.featured-shell .route a{text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 260ms var(--ease-base, cubic-bezier(0.22, 0.61, 0.36, 1));}
.featured-shell .route a:hover,
.featured-shell .route a:focus-visible{border-bottom-color: #22C7D6;}
@media (max-width: 720px) {.featured-shell{
padding: 3rem 1rem 3.5rem;
}.featured-shell h1{
font-size: 34px;
}.featured-shell .featured-form{
font-size: 18px;
}.featured-shell .content-stack h2{
font-size: 20px;
}
}
.featured-shell{
background: #0F1215;
color: #F2F4F6;
}
.wide-content{
background: #1A1E22;
color: #E9ECEF;
padding: 3.5rem 1.25rem;
}
.wide-content .primary-plan{max-width: 1280px;
margin: 0 auto;
display: grid;
gap: 1.75rem;}
.wide-content h2{font-size: 36px;
line-height: 1.2;
margin: 0;
letter-spacing: -0.01em;}
.wide-content .featured-form{margin: 0;
font-size: 22px;
line-height: 1.5;}
.wide-content .public-inner{list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: 1.25rem;}
.wide-content .content-stack{
background: #22272C;
color: #E9ECEF;
border: 1px solid #3A424A;
border-radius: 0.55rem;
padding: 1.1rem 1.25rem;
display: grid;
gap: 0.4rem;
}
.wide-content .meta{font-size: 0.8rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: #22C7D6;}
.wide-content .content-stack a{text-decoration: none;
font-size: 1.15rem;
width: fit-content;
border-bottom: 1px solid transparent;
transition: border-color 260ms var(--ease-base, cubic-bezier(0.22, 0.61, 0.36, 1));}
.wide-content .content-stack a:hover,
.wide-content .content-stack a:focus-visible{border-bottom-color: #FF6A1A;
outline: none;}
.wide-content .content-stack address{font-style: normal;
font-size: 1.05rem;
line-height: 1.5;}
.wide-content .service-shell{margin: 0;
font-size: 0.9rem;
line-height: 1.5;}
.wide-content .strong-brand{margin: 0;
font-size: 1rem;
line-height: 1.6;}
@media (min-width: 780px) {.wide-content .public-inner{
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 600px) {.wide-content{
padding: 2.5rem 1rem;
}.wide-content h2{
font-size: 26px;
}.wide-content .featured-form{
font-size: 18px;
}
}
.team-intro{
background: #1A1E22;
color: #E9ECEF;
padding: 4rem 1.5rem;
}
.team-intro .primary-plan{max-width: 1280px;
margin: 0 auto;
display: grid;
gap: 1.4rem;}
.team-intro h2{font-size: 36px;
line-height: 1.2;
margin: 0;}
.team-intro .featured-form{font-size: 22px;
line-height: 1.5;
margin: 0;}
.team-intro p{margin: 0;
line-height: 1.6;}
.team-intro .local-wrap{display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
margin-top: 1rem;}
.team-intro .service-shell h3{font-size: 24px;
margin: 0 0 0.6rem;}
.team-intro .service-shell p{}
@media (max-width: 860px) {.team-intro{
padding: 3rem 1.1rem;
}.team-intro h2{
font-size: 28px;
}.team-intro .featured-form{
font-size: 19px;
}.team-intro .local-wrap{
grid-template-columns: 1fr;
gap: 1.6rem;
}
}
.top-quote{
background: #1A1E22;
color: #E9ECEF;
padding: 4rem 1.25rem 4.5rem;
}
.top-quote .primary-plan{max-width: 1180px;
margin: 0 auto;}
.top-quote .featured-quote{margin-bottom: 2.75rem;}
.top-quote h1{font-size: 56px;
line-height: 1.1;
margin: 0 0 1rem;
letter-spacing: -0.01em;}
.top-quote .featured-form{font-size: 22px;
line-height: 1.55;
margin: 0;}
.top-quote .visual-summary{display: flex;
flex-direction: column;
gap: 2rem;}
.top-quote .route{display: grid;
grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.6fr);
gap: 1.5rem 2.5rem;
align-items: start;
padding-bottom: 2rem;
border-bottom: 1px solid #3A424A;}
.top-quote .route:last-child{border-bottom: none;
padding-bottom: 0;}
.top-quote .route h2{font-size: 24px;
line-height: 1.3;
margin: 0;}
.top-quote .route p{margin: 0 0 0.75rem;
line-height: 1.65;}
.top-quote .route p:last-child{margin-bottom: 0;}
.top-quote .narrow-method{font-size: 15px;}
.top-quote .strong-brand{margin-top: 2.75rem;
display: grid;
grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
gap: 2rem;
align-items: center;}
.top-quote .strong-brand p{margin: 0;
line-height: 1.65;}
.top-quote .strong-brand a{text-decoration: none;
border-bottom: 1px solid currentColor;}
.top-quote .strong-brand a:hover{}
.top-quote .secondary-service{width: 100%;
height: auto;
display: block;
border-radius: 0.8rem;
border: 1px solid #3A424A;}
@media (max-width: 860px) {.top-quote{
padding: 3rem 1.1rem 3.5rem;
}.top-quote h1{
font-size: 38px;
}.top-quote .featured-form{
font-size: 19px;
}.top-quote .route{
grid-template-columns: 1fr;
gap: 0.75rem;
}.top-quote .strong-brand{
grid-template-columns: 1fr;
}
}
.top-quote{
background: #0F1215;
color: #F2F4F6;
}
.team-intro{
background: #1A1E22;
color: #E9ECEF;
padding: 3.5rem 1.25rem;
}
.team-intro .primary-plan{max-width: 1280px;
margin: 0 auto;}
.team-intro h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.team-intro .featured-form{font-size: 22px;
line-height: 1.5;
margin: 0 0 2.4rem;
color: #C7CDD3;}
.team-intro .local-wrap{display: grid;
gap: 1.6rem;
grid-template-columns: 1fr;}
.team-intro .service-shell{
background: #22272C;
color: #E9ECEF;
border: 1px solid #3A424A;
border-radius: 0.8rem;
padding: 1.4rem 1.5rem;
}
.team-intro .service-shell h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.7rem;}
.team-intro .service-shell p{margin: 0;
line-height: 1.6;
color: #C7CDD3;}
.team-intro .featured-footer{margin: 2.4rem 0 0;
line-height: 1.6;
padding-top: 1.6rem;
border-top: 1px solid #3A424A;}
@media (min-width: 780px) {.team-intro{
padding: 4.5rem 2rem;
}.team-intro .local-wrap{
grid-template-columns: repeat(3, 1fr);
gap: 1.4rem;
}
}
.panel{
--surface-base: #22272C;
--paint-clear: #3A424A;
--ink-base: #FF6A1A;
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem;
}
.panel .primary-plan{max-width: 1280px;
margin: 0 auto;
display: grid;
gap: 2rem;}
.panel h1{font-size: 56px;
line-height: 1.15;
margin: 0;
letter-spacing: -0.01em;}
.panel .featured-form{font-size: 22px;
line-height: 1.55;
margin: 0;}
.panel .featured-actions{display: grid;
gap: 1.1rem;}
.panel .featured-actions p{margin: 0;
line-height: 1.65;}
.panel .direct-links{list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.5rem 2.5rem;}
.panel .direct-links li{padding-top: 1.1rem;
border-top: 1px solid var(--paint-clear);}
.panel .direct-links h2{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.5rem;}
.panel .direct-links p{margin: 0;
line-height: 1.6;}
.panel .service-shell{
margin: 0;
padding: 1.1rem 1.25rem;
background: var(--surface-base);
color: #E9ECEF;
border-radius: 0.55rem;
line-height: 1.6;
}
.panel .service-shell a{text-decoration: none;}
.panel .service-shell a:hover{text-decoration: underline;}
@media (max-width: 860px) {.panel{
padding: 3rem 1rem;
}.panel h1{
font-size: 36px;
}.panel .featured-form{
font-size: 18px;
}.panel .direct-links{
grid-template-columns: 1fr;
gap: 1.25rem;
}
}
.panel{
background: #0F1215;
color: #F2F4F6;
}
.site-brand{
background: #1A1E22;
color: #E9ECEF;
padding: 4rem 1.5rem;
}
.site-brand .primary-plan{max-width: 1280px;
margin: 0 auto;}
.site-brand .plain-callout{display: grid;
gap: 0.9rem;
margin-bottom: 2.5rem;}
.site-brand .plain-callout h2{font-size: 36px;
line-height: 1.2;
margin: 0;}
.site-brand .featured-form{font-size: 1rem;
line-height: 1.65;
margin: 0;}
.site-brand .fresh-inner{display: grid;
grid-template-columns: 1.35fr 1fr;
grid-template-rows: auto auto;
gap: 1.5rem;}
.site-brand .content-stack{
margin: 0;
background: #22272C;
color: #E9ECEF;
border: 1px solid #3A424A;
border-radius: 0.8rem;
overflow: hidden;
display: flex;
flex-direction: column;
}
.site-brand .featured-story{grid-row: span 2;}
.site-brand .content-stack img{
display: block;
width: 100%;
height: 100%;
max-height: 340px;
object-fit: cover;
background: #0F1215;
}
.site-brand .featured-story img{max-height: 520px;}
.site-brand .content-stack figcaption{padding: 1.1rem 1.25rem 1.35rem;
display: grid;
gap: 0.5rem;}
.site-brand .content-stack h3{font-size: 24px;
line-height: 1.25;
margin: 0;}
.site-brand .content-stack p{margin: 0;
font-size: 0.95rem;
line-height: 1.6;}
@media (max-width: 900px) {.site-brand .fresh-inner{
grid-template-columns: 1fr;
grid-template-rows: none;
}.site-brand .featured-story{
grid-row: auto;
}.site-brand .featured-story img,
.site-brand .content-stack img{
max-height: 300px;
}
}
@media (max-width: 560px) {.site-brand{
padding: 2.5rem 1rem;
}.site-brand .plain-callout h2{
font-size: 26px;
}.site-brand .content-stack h3{
font-size: 20px;
}
}
.site-brand{
background: #1A1E22;
color: #E9ECEF;
}
.soft-rail{
--layer-active: #3A424A;
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem;
}
.soft-rail .primary-plan{max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.6rem;}
.soft-rail h2{font-size: 36px;
line-height: 1.2;
margin: 0;
letter-spacing: -0.01em;}
.soft-rail h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.6rem;}
.soft-rail p{margin: 0;
line-height: 1.7;
font-size: 1rem;}
.soft-rail .featured-form{font-size: 22px;
line-height: 1.55;}
.soft-rail .group{
background: #22272C;
color: #C7CDD3;
border-radius: 0.8rem;
padding: 1.6rem 1.5rem;
border: 1px solid var(--layer-active);
}
.soft-rail .group h3{}
.soft-rail .group p{}
.soft-rail .strong-brand{padding-top: 1.2rem;
border-top: 1px solid var(--layer-active);}
@media (max-width: 720px) {.soft-rail{
padding: 3rem 1rem;
}.soft-rail h2{
font-size: 1.7rem;
}.soft-rail .featured-form{
font-size: 1.1rem;
}.soft-rail .group{
padding: 1.3rem 1.1rem;
}
}
.soft-rail{
background: #0F1215;
color: #F2F4F6;
}
.main-quote{
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.5rem;
}
.main-quote .primary-plan{max-width: 1180px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr);
gap: 3.5rem;
align-items: start;}
.main-quote .featured-form h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1.6rem;
letter-spacing: -0.01em;}
.main-quote .featured-form p{font-size: 1rem;
line-height: 1.7;
margin: 0 0 1.2rem;}
.main-quote .featured-form p:last-child{margin-bottom: 0;}
.main-quote .service-shell{
background: #22272C;
color: #E9ECEF;
border-radius: 0.8rem;
padding: 1.6rem 1.5rem;
box-shadow: var(--lift-base, 0 1px 2px rgba(10, 12, 14, 0.35));
}
.main-quote .public-tile{font-size: 0.78rem;
letter-spacing: 0.08em;
text-transform: uppercase;
color: #22C7D6;
margin: 0 0 0.9rem;}
.main-quote .service-shell p{margin: 0 0 0.6rem;
font-size: 0.95rem;
line-height: 1.55;}
.main-quote .service-shell p:last-child{margin-bottom: 0;}
.main-quote .service-shell a{color: #22C7D6;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.main-quote .service-shell a:hover{border-bottom-color: #22C7D6;}
@media (max-width: 820px) {.main-quote{
padding: 3rem 1.25rem;
}.main-quote .primary-plan{
grid-template-columns: 1fr;
gap: 2.2rem;
}.main-quote .featured-form h2{
font-size: 28px;
}
}
.main-quote{
background: #1A1E22;
color: #E9ECEF;
}
.soft-rail{
--font-meta: #3A424A;
--state-soft: #FF6A1A;
background: #1A1E22;
color: #E9ECEF;
padding: 5.5rem 1.5rem 5rem;
}
.soft-rail .primary-plan{max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.6rem;}
.soft-rail h1{font-size: 56px;
line-height: 1.08;
letter-spacing: -0.01em;
margin: 0;
font-weight: 600;
max-width: 22ch;}
.soft-rail .featured-form{font-size: 22px;
line-height: 1.5;
margin: 0;}
.soft-rail .copy{font-size: 16px;
line-height: 1.7;
margin: 0;}
.soft-rail .copy:last-of-type{padding-top: 1.4rem;
border-top: 1px solid var(--font-meta);}
@media (max-width: 720px) {.soft-rail{
padding: 3.5rem 1.15rem 3.25rem;
}.soft-rail h1{
font-size: 34px;
max-width: none;
}.soft-rail .featured-form{
font-size: 18px;
}.soft-rail .primary-plan{
gap: 1.25rem;
}
}
.main-quote{
--font-button: #3A424A;
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem;
}
.main-quote .primary-plan{max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 3rem;}
.main-quote h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.main-quote h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.9rem;}
.main-quote p{margin: 0 0 1rem;
line-height: 1.65;}
.main-quote .featured-form{font-size: 22px;
line-height: 1.55;
margin-bottom: 0;}
.main-quote .split{display: grid;
grid-template-columns: 1.35fr 1fr;
gap: 2.75rem;
align-items: start;}
.main-quote .copy p:last-child{margin-bottom: 0;}
.main-quote .secondary-service{
margin: 0;
background: #22272C;
color: #E9ECEF;
border: 1px solid #3A424A;
border-radius: 0.8rem;
overflow: hidden;
}
.main-quote .secondary-service img{display: block;
width: 100%;
height: auto;
aspect-ratio: 4 / 3;
object-fit: cover;}
.main-quote .secondary-service figcaption{padding: 0.9rem 1.1rem 1.1rem;
font-size: 0.9rem;
line-height: 1.5;}
.main-quote .direct-links{
background: #22272C;
color: #C7CDD3;
border-radius: 0.8rem;
padding: 2rem 2rem 1.6rem;
}
.main-quote .direct-links h3{}
.main-quote .service-form{list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1.4rem 2.5rem;}
.main-quote .service-form li{padding-top: 1rem;
border-top: 1px solid var(--font-button);}
.main-quote .local-menu{display: block;
font-size: 0.85rem;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #FF6A1A;
margin-bottom: 0.4rem;}
.main-quote .service-form p{margin: 0;
line-height: 1.55;}
.main-quote .strong-brand{margin: 0;
font-size: 0.98rem;
line-height: 1.6;}
.main-quote a{color: var(--line-card, #22C7D6);
text-decoration: none;
border-bottom: 1px solid currentColor;}
.main-quote a:hover{color: var(--paint-accent, #17A9B6);}
@media (max-width: 860px) {.main-quote{
padding: 3rem 1.1rem;
}.main-quote .split{
grid-template-columns: 1fr;
gap: 2rem;
}.main-quote .service-form{
grid-template-columns: 1fr;
gap: 1.1rem;
}.main-quote h2{
font-size: 28px;
}.main-quote .featured-form{
font-size: 19px;
}.main-quote .direct-links{
padding: 1.5rem 1.3rem 1.2rem;
}
}
.form{
background: #1A1E22;
color: #E9ECEF;
padding: 4rem 1.25rem;
}
.form .primary-plan{max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 22rem) minmax(0, 1fr);
gap: 3rem;
align-items: start;}
.form .featured-quote h1{font-size: 56px;
line-height: 1.1;
margin: 0 0 1.25rem;}
.form .featured-quote p{margin: 0;
line-height: 1.6;}
.form .main-flow{display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 1.25rem 1.5rem;}
.form .public-summary{display: flex;
flex-direction: column;
gap: 0.45rem;}
.form .public-summary.wide,
.form .page-links,
.form .soft-actions{grid-column: 1 / -1;}
.form label{font-size: 0.9rem;
letter-spacing: 0.01em;}
.form .text-steps{}
.form input[type="text"],
.form input[type="email"],
.form input[type="tel"],
.form select,
.form textarea{
width: 100%;
box-sizing: border-box;
background: #22272C;
color: #E9ECEF;
border: 1px solid #3A424A;
border-radius: 0.55rem;
padding: 0.7rem 0.85rem;
font: inherit;
transition: border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.form textarea{resize: vertical;
line-height: 1.5;}
.form input:focus,
.form select:focus,
.form textarea:focus{outline: none;
border-color: #22C7D6;}
.form .page-links{display: flex;
align-items: flex-start;
gap: 0.65rem;}
.form .page-links input[type="checkbox"]{margin-top: 0.2rem;
width: 1.05rem;
height: 1.05rem;
accent-color: #FF6A1A;
flex: none;}
.form .page-links label{line-height: 1.5;}
.form .soft-actions{display: flex;
flex-direction: column;
gap: 1rem;
align-items: flex-start;}
.form .soft-actions button{
background: #FF6A1A;
color: #14171A;
border: none;
border-radius: 0.55rem;
padding: 0.85rem 1.6rem;
font: inherit;
font-weight: 600;
cursor: pointer;
transition: background 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.form .soft-actions button:hover{
background: #E85A0F;color:#E9ECEF;}
.form .service-shell{margin: 0;
font-size: 0.88rem;
line-height: 1.6;}
.form .service-shell a{color: #22C7D6;}
@media (max-width: 860px) {.form{
padding: 2.75rem 1.1rem;
}.form .primary-plan{
grid-template-columns: 1fr;
gap: 2rem;
}.form .featured-quote h1{
font-size: 2.1rem;
}.form .main-flow{
grid-template-columns: 1fr;
}
}
.form{
background: #1A1E22;
color: #E9ECEF;
}
.wide-content{
background: #1A1E22;
color: #E9ECEF;
padding: 4rem 1.5rem;
}
.wide-content .primary-plan{max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
gap: 3.5rem;
align-items: start;}
.wide-content .featured-form h2{font-size: 36px;
line-height: 1.2;
margin: 0 0 1.25rem;
letter-spacing: -0.01em;}
.wide-content .featured-form p{margin: 0 0 1rem;
line-height: 1.6;}
.wide-content .featured-form .service-shell{margin-bottom: 0;}
.wide-content .public-inner{
margin: 0;
background: #22272C;
color: #E9ECEF;
border: 1px solid #3A424A;
border-radius: 0.8rem;
padding: 1.75rem 1.75rem 1.5rem;
display: grid;
gap: 1.5rem;
}
.wide-content .public-brand dt{font-size: 0.78rem;
text-transform: uppercase;
letter-spacing: 0.08em;
margin-bottom: 0.4rem;}
.wide-content .public-brand dd{margin: 0;
line-height: 1.5;
word-break: break-word;}
.wide-content .public-brand a{color: inherit;
text-decoration: none;
border-bottom: 1px solid #FF6A1A;
padding-bottom: 1px;
transition: color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.wide-content .public-brand a:hover,
.wide-content .public-brand a:focus-visible{}
@media (max-width: 860px) {.wide-content{
padding: 3rem 1.25rem;
}.wide-content .primary-plan{
grid-template-columns: 1fr;
gap: 2.25rem;
}.wide-content .featured-form h2{
font-size: 28px;
}
}
.wide-content{
background: #0F1215;
color: #F2F4F6;
}
.bottom-frame{
background: #1A1E22;
color: #E9ECEF;
padding: 4rem 1.25rem;
}
.bottom-frame .primary-plan{max-width: 1280px;
margin: 0 auto;}
.bottom-frame h2{font-size: 36px;
line-height: 1.25;
margin: 0 0 1.25rem;
letter-spacing: -0.01em;}
.bottom-frame h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.6rem;}
.bottom-frame .featured-form{font-size: 22px;
line-height: 1.55;
margin: 0 0 2.5rem;}
.bottom-frame .clear-stack{display: flex;
flex-direction: column;
gap: 2rem;}
.bottom-frame .active-details{padding: 0;}
.bottom-frame .active-details p{margin: 0;
line-height: 1.65;}
.bottom-frame .main-summary{
margin: 2.75rem 0 1.5rem;
padding: 1.1rem 1.25rem;
background: #22272C;
color: #C7CDD3;
border-radius: 0.55rem;
line-height: 1.6;
}
.bottom-frame .content-proof{margin: 0;
line-height: 1.7;}
.bottom-frame .content-proof a{color: #22C7D6;
text-decoration: none;
border-bottom: 1px solid currentColor;
padding-bottom: 1px;}
.bottom-frame .content-proof a:hover{color: var(--ink-page, #E85A0F);}
@media (max-width: 720px) {.bottom-frame{
padding: 2.75rem 1rem;
}.bottom-frame h2{
font-size: 26px;
}.bottom-frame h3{
font-size: 20px;
}.bottom-frame .featured-form{
font-size: 18px;
margin-bottom: 2rem;
}.bottom-frame .clear-stack{
gap: 1.6rem;
}
}
.bottom-frame{
background: #1A1E22;
color: #E9ECEF;
}
.featured-headline{
background: #1A1E22;
color: #E9ECEF;
padding: 4rem 1.5rem;
}
.featured-headline .primary-plan{max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 2rem;}
.featured-headline h2{font-size: 36px;
line-height: 1.25;
margin: 0;}
.featured-headline h3{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.5rem;}
.featured-headline .featured-form{font-size: 22px;
line-height: 1.5;
margin: 0;}
.featured-headline .clear-stack{display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2rem 2.5rem;}
.featured-headline .content-stack p{margin: 0;
font-size: 1rem;
line-height: 1.6;}
.featured-headline .content-stack a{text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.featured-headline .content-stack a:hover,
.featured-headline .content-stack a:focus-visible{border-bottom-color: #22C7D6;
outline: none;}
.featured-headline .service-shell{margin: 0;
font-size: 1rem;
line-height: 1.65;}
@media (max-width: 780px) {.featured-headline{
padding: 2.75rem 1.25rem;
}.featured-headline h2{
font-size: 28px;
}.featured-headline .featured-form{
font-size: 18px;
}.featured-headline .clear-stack{
grid-template-columns: 1fr;
gap: 1.75rem;
}
}
.featured-headline{
background: #0F1215;
color: #F2F4F6;
}
.direct-feature{
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem 5rem;
}
.direct-feature .primary-plan{max-width: 1280px;
margin: 0 auto;}
.direct-feature h1{font-size: 56px;
line-height: 1.1;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;}
.direct-feature .featured-form{font-size: 22px;
line-height: 1.55;
margin: 0 0 3rem;}
.direct-feature .direct-service{display: flex;
flex-direction: column;
gap: 2.25rem;}
.direct-feature .content-stack{
background: #22272C;
color: #E9ECEF;
border: 1px solid #3A424A;
border-radius: 0.8rem;
padding: 1.75rem 1.9rem;
}
.direct-feature .content-stack h2{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.85rem;}
.direct-feature .content-stack p{margin: 0;
line-height: 1.65;}
.direct-feature .content-stack code{
background: #0F1215;
color: #F2F4F6;
padding: 0.1rem 0.4rem;
border-radius: 0.3rem;
font-size: 0.92em;
}
.direct-feature .content-stack a{text-decoration: none;
border-bottom: 1px solid currentColor;}
.direct-feature .content-stack a:hover{}
.direct-feature .service-shell{margin: 3rem 0 0;
font-size: 0.95rem;
line-height: 1.6;}
@media (max-width: 720px) {.direct-feature{
padding: 3rem 1rem 3.5rem;
}.direct-feature h1{
font-size: 34px;
}.direct-feature .featured-form{
font-size: 18px;
margin-bottom: 2rem;
}.direct-feature .content-stack{
padding: 1.35rem 1.25rem;
}
}
.direct-feature{
background: #0F1215;
color: #F2F4F6;
}
.fresh-nav{
--surface-soft: #1A1E22;
--tone-page: #E9ECEF;
--surface-clear: #C7CDD3;
--type-extra-27: #3A424A;
--tone-extra-24: #FF6A1A;
background: var(--surface-soft);
color: var(--tone-page);
padding: 4.5rem 1.25rem 5rem;
}
.fresh-nav .primary-plan{max-width: 1180px;
margin: 0 auto;}
.fresh-nav .featured-quote{max-width: 100%;
margin-bottom: 3.25rem;}
.fresh-nav .primary-view{font-size: 0.85rem;
letter-spacing: 0.04em;
text-transform: uppercase;
margin: 0 0 1.1rem;}
.fresh-nav h1{font-size: 56px;
line-height: 1.12;
margin: 0 0 1.4rem;
font-weight: 600;}
.fresh-nav .featured-form{font-size: 22px;
line-height: 1.5;
margin: 0;}
.fresh-nav .body{display: flex;
flex-direction: column;
gap: 2.4rem;}
.fresh-nav .content-stack h2{font-size: 24px;
line-height: 1.3;
margin: 0 0 0.85rem;
font-weight: 600;}
.fresh-nav .content-stack p{margin: 0;
font-size: 1rem;
line-height: 1.7;}
.fresh-nav .content-stack a{text-decoration: none;
border-bottom: 1px solid rgba(255, 106, 26, 0.45);}
.fresh-nav .content-stack a:hover{border-bottom-color: var(--tone-extra-24);}
@media (max-width: 720px) {.fresh-nav{
padding: 3rem 1.1rem 3.5rem;
}.fresh-nav h1{
font-size: 34px;
}.fresh-nav .featured-form{
font-size: 18px;
}.fresh-nav .featured-quote{
margin-bottom: 2.4rem;
}.fresh-nav .body{
gap: 1.9rem;
}
}
.fresh-nav{
background: #0F1215;
color: #F2F4F6;
}
.contact{
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem 5rem;
}
.contact .primary-plan{max-width: 1280px;
margin: 0 auto;
display: grid;
grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr);
column-gap: 3.5rem;
row-gap: 2.75rem;
align-items: start;}
.contact .featured-form{grid-column: 1;}
.contact .featured-form :is(h2,h1){
font-size: 36px;
line-height: 1.2;
margin: 0 0 1.1rem;
letter-spacing: -0.01em;
}
.contact .featured-form p{margin: 0 0 1rem;
line-height: 1.65;}
.contact .featured-form p:last-child{margin-bottom: 0;}
.contact .action{
grid-column: 2;
grid-row: 1 / span 2;
align-self: start;
background: #22272C;
color: #E9ECEF;
border: 1px solid #3A424A;
border-radius: 0.8rem;
padding: 1.75rem 1.6rem;
}
.contact .go{
display: inline-block;
background: #FF6A1A;
color: #14171A;
text-decoration: none;
font-weight: 600;
padding: 0.85rem 1.3rem;
border-radius: 0.55rem;
transition: background 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.contact .go:hover,
.contact .go:focus-visible{
background: #E85A0F;color:#E9ECEF;}
.contact .service-shell{margin: 1.15rem 0 0;
font-size: 0.95rem;
line-height: 1.6;}
.contact .service-shell a{color: #22C7D6;
text-decoration: none;
border-bottom: 1px solid currentColor;}
.contact .service-shell a:hover,
.contact .service-shell a:focus-visible{color: #17A9B6;}
.contact .route{grid-column: 1;}
.contact .route p{margin: 0 0 0.6rem;
font-size: 0.95rem;}
.contact .route ul{list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
gap: 0.4rem 1.75rem;}
.contact .route li{margin: 0;}
.contact .route a{color: #E9ECEF;
text-decoration: none;
border-bottom: 1px solid #3A424A;
padding-bottom: 2px;}
.contact .route a:hover,
.contact .route a:focus-visible{border-bottom-color: #22C7D6;}
@media (max-width: 900px) {.contact{
padding: 3.25rem 1.1rem 3.5rem;
}.contact .primary-plan{
grid-template-columns: 1fr;
row-gap: 2rem;
}.contact .action{
grid-column: 1;
grid-row: auto;
}.contact .featured-form :is(h2,h1){
font-size: 28px;
}
}
.visual-actions{
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem 5rem;
}
.visual-actions .primary-plan{max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.5rem;}
.visual-actions :is(h1,h2){
font-size: 56px;
line-height: 1.15;
margin: 0;
}
.visual-actions .featured-form{font-size: 22px;
line-height: 1.55;
margin: 0;}
.visual-actions .service-shell{
background: #22272C;
color: #E9ECEF;
border: 1px solid #3A424A;
border-radius: 0.8rem;
padding: 1.5rem 1.6rem;
line-height: 1.6;
margin: 0;
}
.visual-actions .route{display: flex;
flex-wrap: wrap;
gap: 0.75rem 1.75rem;
margin: 0.5rem 0 0;}
.visual-actions .route a{text-decoration: none;
border-bottom: 1px solid transparent;
padding-bottom: 2px;
transition: border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.visual-actions .route a:hover,
.visual-actions .route a:focus-visible{border-bottom-color: #22C7D6;}
@media (max-width: 720px) {.visual-actions{
padding: 3rem 1rem 3.5rem;
}.visual-actions :is(h1,h2){
font-size: 2rem;
}.visual-actions .featured-form{
font-size: 1.15rem;
}
}
.visual-actions{
background: #0F1215;
color: #F2F4F6;
}
.404{
background: #1A1E22;
color: #E9ECEF;
padding: 4.5rem 1.25rem 5rem;
}
.404 .primary-plan{
max-width: 1280px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 1.6rem;
}
.404 .quiet-callout{
font-size: 0.95rem;
letter-spacing: 0.14em;
text-transform: uppercase;
margin: 0;
}
.404 h1{
font-size: 56px;
line-height: 1.1;
margin: 0;
font-weight: 600;
}
.404 .featured-form{
font-size: 22px;
line-height: 1.5;
margin: 0;
}
.404 .route{
list-style: none;
margin: 1.2rem 0 0;
padding: 0;
display: flex;
flex-direction: column;
gap: 1.4rem;
}
.404 .route li{
display: flex;
flex-direction: column;
gap: 0.4rem;
}
.404 .route a{
font-size: 24px;
text-decoration: none;
align-self: flex-start;
border-bottom: 1px solid transparent;
transition: border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1), color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.404 .route a:hover,
.404 .route a:focus-visible{
border-bottom-color: #17A9B6;
}
.404 .route span{
font-size: 1rem;
line-height: 1.55;
}
.404 .narrow-items{
margin: 1.4rem 0 0;
font-size: 0.95rem;
line-height: 1.6;
}
.404 .narrow-items a{
text-decoration: none;
border-bottom: 1px solid #3A424A;
transition: border-color 260ms cubic-bezier(0.22, 0.61, 0.36, 1);
}
.404 .narrow-items a:hover,
.404 .narrow-items a:focus-visible{
border-bottom-color: #22C7D6;
}
@media (max-width: 720px) {.404{
padding: 3rem 1rem 3.5rem;
}.404 h1{
font-size: 2rem;
}.404 .featured-form{
font-size: 1.15rem;
}.404 .route a{
font-size: 1.2rem;
}
}
.404{
background: #0F1215;
color: #F2F4F6;
}