:root {
--color-white: #ffffff;
--color-text-primary: #101113;
--color-text-body: #5c5f66;
--color-text-muted: #777b84;
--color-border: #e9ecef;
--color-purple: #7a4ff7;
--color-purple-hover: #632ef4;
--color-purple-light: #c9bbff;
--color-bg-card: #f7f8fb;
--color-bg-muted: #eef1f5;
--font-heading: Archivo, sans-serif;
--font-body: Inter, sans-serif;
--grad-cta: linear-gradient(90deg, #7a4ff7 0%, #0ca7ff 100%);
--shadow-card: 0 10px 18px 0 #dadada66;
}
.fp-city {
background: var(--color-white);
color: var(--color-text-primary);
font-family: var(--font-body);
}
.fp-city *,
.fp-city *::before,
.fp-city *::after {
box-sizing: border-box;
}
.fp-city__crumbs {
padding: 16px 0;
border-bottom: 1px solid var(--color-border);
background: var(--color-white);
}
.fp-city__crumbs ol {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 0;
padding: 0;
font-size: 14px;
color: var(--color-text-muted);
}
.fp-city__crumbs li + li::before {
content: "/";
padding-right: 8px;
color: var(--color-text-muted);
}
.fp-city__crumbs a {
color: var(--color-text-muted);
text-decoration: none;
}
.fp-city__crumbs a:hover {
color: var(--color-purple);
}
.fp-city__crumbs [aria-current="page"] {
color: var(--color-text-primary);
font-weight: 500;
}
.fp-city__hero {
background: var(--color-text-primary);
color: var(--color-white);
padding: 64px 0 72px;
}
.fp-city__hero-grid,
.fp-city__map-grid {
display: grid;
grid-template-columns: 1fr;
gap: 32px;
align-items: center;
}
@media (min-width: 992px) {
.fp-city__hero-grid {
grid-template-columns: 1.05fr 1fr;
gap: 56px;
}
.fp-city__map-grid {
grid-template-columns: minmax(260px, 0.55fr) minmax(0, 1fr);
gap: 48px;
}
}
.fp-city__eyebrow,
.fp-city__kicker {
display: inline-block;
font-size: 13px;
font-weight: 700;
letter-spacing: 0;
text-transform: uppercase;
color: var(--color-purple);
margin-bottom: 12px;
}
.fp-city__eyebrow {
color: var(--color-purple-light);
}
.fp-city__h1 {
font-family: var(--font-heading);
font-weight: 700;
font-size: 40px;
line-height: 1.05;
margin: 0 0 16px;
color: var(--color-white);
}
@media (min-width: 768px) {
.fp-city__h1 {
font-size: 62px;
}
}
.fp-city__subhead {
font-size: 18px;
line-height: 1.55;
color: #c9ccd1;
max-width: 58ch;
margin: 0 0 28px;
}
.fp-city__actions,
.fp-city__office-actions {
display: flex;
flex-wrap: wrap;
gap: 12px;
align-items: center;
}
.fp-city__btn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 13px 20px;
border: 1px solid transparent;
border-radius: 0;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
}
.fp-city__btn--primary {
background: var(--grad-cta);
color: var(--color-white);
}
.fp-city__btn--primary:hover {
background: var(--color-purple-hover);
color: var(--color-white);
}
.fp-city__btn--secondary {
background: transparent;
border-color: #5c6470;
color: var(--color-white);
}
.fp-city__btn--secondary:hover {
border-color: var(--color-white);
color: var(--color-white);
}
.fp-city__btn--lg {
min-height: 54px;
padding: 16px 28px;
font-size: 16px;
}
.fp-city__proof {
list-style: none;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 14px;
margin: 28px 0 0;
padding: 0;
max-width: 620px;
}
@media (min-width: 768px) {
.fp-city__proof {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
}
.fp-city__proof li {
border-left: 1px solid #3a3f47;
padding-left: 14px;
color: #d9dce2;
font-size: 13px;
line-height: 1.35;
}
.fp-city__proof strong {
display: block;
color: var(--color-white);
font-size: 18px;
line-height: 1.2;
margin-bottom: 2px;
}
.fp-city__hero-media {
background: #181b20;
border: 1px solid #303641;
min-height: 260px;
}
.fp-city__hero-media img,
.fp-city__office-media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 0;
}
.fp-city__hero-media img {
aspect-ratio: 16 / 11;
}
.fp-city__locations,
.fp-city__context,
.fp-city__steps,
.fp-city__plans,
.fp-city__faq {
padding: 72px 0;
}
.fp-city__map-band {
padding: 72px 0;
background: var(--color-bg-card);
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
}
.fp-city__section-head {
max-width: 760px;
margin: 0 0 34px;
}
.fp-city__section-head--narrow {
margin-left: auto;
margin-right: auto;
text-align: center;
}
.fp-city__section-head h2,
.fp-city__map-copy h2,
.fp-city__cta h2 {
font-family: var(--font-heading);
font-weight: 700;
font-size: 30px;
line-height: 1.18;
color: var(--color-text-primary);
margin: 0 0 12px;
}
@media (min-width: 768px) {
.fp-city__section-head h2,
.fp-city__map-copy h2,
.fp-city__cta h2 {
font-size: 40px;
}
}
.fp-city__section-head p,
.fp-city__map-copy p,
.fp-city__cta p {
font-size: 16px;
line-height: 1.65;
color: var(--color-text-body);
margin: 0;
}
.fp-city__office-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media (min-width: 768px) {
.fp-city__office-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 1200px) {
.fp-city__office-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.fp-city__office-card {
display: flex;
flex-direction: column;
min-height: 100%;
background: var(--color-white);
border: 1px solid var(--color-border);
box-shadow: var(--shadow-card);
border-radius: 0;
overflow: hidden;
}
.fp-city__office-media {
display: block;
aspect-ratio: 16 / 10;
background: var(--color-bg-muted);
}
.fp-city__office-body {
display: flex;
flex-direction: column;
gap: 12px;
padding: 22px;
flex: 1;
}
.fp-city__office-type {
align-self: flex-start;
border: 1px solid var(--color-border);
padding: 6px 9px;
color: var(--color-purple);
font-size: 12px;
font-weight: 700;
line-height: 1;
text-transform: uppercase;
}
.fp-city__office-body h3 {
font-family: var(--font-heading);
font-size: 22px;
line-height: 1.25;
font-weight: 700;
margin: 0;
color: var(--color-text-primary);
}
.fp-city__office-body h3 a {
color: inherit;
text-decoration: none;
}
.fp-city__office-body h3 a:hover,
.fp-city__text-link:hover {
color: var(--color-purple);
}
.fp-city__office-body address {
display: flex;
flex-direction: column;
gap: 3px;
margin: 0;
color: var(--color-text-body);
font-size: 15px;
font-style: normal;
line-height: 1.45;
}
.fp-city__office-features {
list-style: none;
display: flex;
flex-wrap: wrap;
gap: 8px;
margin: 6px 0 0;
padding: 0;
}
.fp-city__office-features li {
background: var(--color-bg-card);
border: 1px solid var(--color-border);
padding: 7px 9px;
font-size: 12px;
font-weight: 700;
color: var(--color-text-muted);
line-height: 1;
}
.fp-city__office-actions {
justify-content: space-between;
padding: 0 22px 22px;
margin-top: auto;
}
.fp-city__text-link {
color: var(--color-purple);
font-size: 14px;
font-weight: 700;
text-decoration: none;
}
.fp-city__map-wrap {
min-height: 360px;
border: 1px solid var(--color-border);
background: var(--color-white);
}
.fp-city__map-wrap .acf-map,
.fp-city__map-wrap .city-map {
width: 100%;
min-height: 360px;
height: 100%;
} .fp-city__context.iam-value-props {
padding: 72px 0;
background: var(--color-white);
}
.fp-city__context .iam-value-props__head {
margin: 0 auto 40px;
max-width: 760px;
}
.fp-city__context .iam-section-head__eyebrow {
color: var(--color-purple);
font-size: 11px;
font-weight: 700;
letter-spacing: 0.14em;
text-transform: uppercase;
margin: 0 0 12px;
}
.fp-city__context .iam-value-props__heading {
color: var(--color-text-primary);
font-family: var(--font-heading);
font-size: clamp(24px, 3vw, 36px);
font-weight: 800;
line-height: 1.1;
letter-spacing: -0.02em;
margin: 0 0 14px;
}
.fp-city__context .iam-value-props__subtitle {
color: var(--color-text-body);
font-size: 16px;
line-height: 1.65;
margin: 0 auto;
max-width: 620px;
}
.fp-city__context .iam-value-props__card {
background: var(--color-white);
border: 1px solid var(--color-border);
border-radius: 12px;
padding: 28px 24px;
transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}
.fp-city__context .iam-value-props__card:hover {
border-color: var(--color-purple);
box-shadow: 0 8px 32px rgba(122, 79, 247, 0.12);
transform: translateY(-2px);
}
.fp-city__context .iam-value-props__icon {
width: 48px;
height: 48px;
border-radius: 10px;
background: linear-gradient(135deg, #f8f9fa, #ede7ff);
display: inline-flex;
align-items: center;
justify-content: center;
margin-bottom: 18px;
}
.fp-city__context .fp-city__context-icon {
font-size: 22px;
line-height: 1;
color: var(--color-purple);
}
.fp-city__context .iam-value-props__card-title {
font-family: var(--font-heading);
font-size: 18px;
font-weight: 700;
line-height: 1.3;
color: var(--color-text-primary);
margin: 0 0 10px;
}
.fp-city__context .iam-value-props__card-desc {
color: var(--color-text-body);
font-size: 14.5px;
line-height: 1.65;
} .fp-city__steps-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media (min-width: 992px) {
.fp-city__steps-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
.fp-city__steps-grid li {
background: var(--color-white);
border: 1px solid var(--color-border);
padding: 28px;
border-radius: 0;
}
.fp-city__steps-grid h3 {
font-family: var(--font-heading);
font-size: 22px;
font-weight: 700;
line-height: 1.25;
color: var(--color-text-primary);
margin: 0 0 14px;
}
.fp-city__prose {
color: var(--color-text-body);
font-size: 16px;
line-height: 1.65;
}
.fp-city__prose p {
margin: 0 0 16px;
}
.fp-city__prose p:last-child {
margin-bottom: 0;
}
.fp-city__prose a {
color: var(--color-purple);
text-decoration: underline;
}
.fp-city__steps {
background: var(--color-bg-card);
border-top: 1px solid var(--color-border);
border-bottom: 1px solid var(--color-border);
}
.fp-city__steps-grid {
list-style: none;
margin: 0;
padding: 0;
}
.fp-city__steps-grid li span {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
margin-bottom: 18px;
background: var(--color-text-primary);
color: var(--color-white);
font-weight: 700;
}
.fp-city__steps-grid p {
color: var(--color-text-body);
font-size: 15px;
line-height: 1.6;
margin: 0;
}
.fp-city__plans .plan-tabs {
margin-top: 24px;
}
.fp-city__faq {
background: var(--color-bg-card);
}
.fp-city__faq-list {
max-width: 860px;
margin: 0 auto;
border-top: 1px solid var(--color-border);
}
.fp-city__faq-item {
background: var(--color-white);
border-bottom: 1px solid var(--color-border);
}
.fp-city__faq-item summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: 20px 24px;
cursor: pointer;
list-style: none;
font-size: 17px;
font-weight: 700;
color: var(--color-text-primary);
}
.fp-city__faq-item summary::-webkit-details-marker {
display: none;
}
.fp-city__faq-item summary::after {
content: "+";
color: var(--color-purple);
font-size: 22px;
font-weight: 400;
line-height: 1;
}
.fp-city__faq-item[open] summary::after {
content: "-";
}
.fp-city__faq-answer {
padding: 0 24px 24px;
color: var(--color-text-body);
font-size: 16px;
line-height: 1.6;
}
.fp-city__faq-answer p {
margin: 0;
}
.fp-city__cta {
background: var(--color-text-primary);
color: var(--color-white);
text-align: center;
padding: 72px 0;
}
.fp-city__cta h2 {
color: var(--color-white);
}
.fp-city__cta p {
max-width: 660px;
margin: 0 auto 28px;
color: #c9ccd1;
}
@media (max-width: 575.98px) {
.fp-city__hero,
.fp-city__locations,
.fp-city__context,
.fp-city__steps,
.fp-city__plans,
.fp-city__faq,
.fp-city__cta,
.fp-city__map-band {
padding: 48px 0;
}
.fp-city__h1 {
font-size: 36px;
}
.fp-city__proof {
grid-template-columns: 1fr;
}
.fp-city__actions,
.fp-city__office-actions {
align-items: stretch;
flex-direction: column;
}
.fp-city__btn,
.fp-city__text-link {
width: 100%;
}
}  .fp-city__plans .plan-tabs .plans-tabs {
display: none;
} .fp-city__plans .plan-tabs .navtabs {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.fp-city__plans .plan-tabs .navtabs .navtab {
transition: color 0.3s;
}
.fp-city__plans .plan-tabs .navtabs .navtab .box {
cursor: pointer;
border-radius: 0;
} .fp-city__plans .plan-tabs .navtabs .navtab .box.startup {
padding: 12px 24px;
background: linear-gradient(166.09deg, #efeeff 0%, #edc8ff 100%);
}
.fp-city__plans .plan-tabs .navtabs .navtab .box.gmb {
padding: 12px 24px;
background: linear-gradient(166.09deg, #d1ffd8 0%, #98ffb5 100%);
margin: 0 !important;
}
.fp-city__plans .plan-tabs .navtabs .navtab .box.growth {
padding: 12px 24px;
background: linear-gradient(166.09deg, #e8ffd1 0%, #cbff98 100%);
}
@media (min-width: 768px) {
.fp-city__plans .plan-tabs .navtabs .navtab .box.startup,
.fp-city__plans .plan-tabs .navtabs .navtab .box.gmb,
.fp-city__plans .plan-tabs .navtabs .navtab .box.growth {
border: 4px solid;
border-image-slice: 1;
}
.fp-city__plans .plan-tabs .navtabs .navtab .box.startup {
border-image-source: linear-gradient(166.09deg, #efeeff 0%, #edc8ff 100%);
}
.fp-city__plans .plan-tabs .navtabs .navtab .box.gmb {
border-image-source: linear-gradient(166.09deg, #d1ffd8 0%, #98ffb5 100%);
}
.fp-city__plans .plan-tabs .navtabs .navtab .box.growth {
border-image-source: linear-gradient(166.09deg, #e8ffd1 0%, #cbff98 100%);
}
.fp-city__plans .plan-tabs .navtabs .navtab:hover .box,
.fp-city__plans .plan-tabs .navtabs .navtab.active .box {
border: 4px solid;
border-image-slice: 1;
border-image-source: linear-gradient(90deg, #ff1cbf 0%, #0ca7ff 48.5%, #0500e2 100%);
}
} .fp-city__plans .plan-tabs .navtabs .navtab .top-icon {
margin-bottom: 12px;
text-align: center;
}
.fp-city__plans .plan-tabs .navtabs .navtab .top-icon img {
width: 42px;
height: 55px;
display: inline;
object-fit: contain;
}
.fp-city__plans .plan-tabs .navtabs .navtab h3 {
color: var(--color-text-primary);
text-align: center;
font-family: var(--font-heading);
font-size: 16px;
font-weight: 500;
line-height: 30px;
margin: 0;
}
.fp-city__plans .plan-tabs .navtabs .navtab h4 {
font-size: 20px;
font-weight: 500;
line-height: 25px;
color: var(--color-text-primary);
text-align: center;
margin: 0;
}
.fp-city__plans .plan-tabs .navtabs .navtab h4 sub {
font-size: 20px;
line-height: 25px;
margin-left: 5px;
color: var(--color-text-primary);
} @media (max-width: 767px) {
.fp-city__plans .plan-tabs .navtabs .navtab {
display: none;
}
.fp-city__plans .plan-tabs .navtabs .navtab.active {
display: block;
}
.fp-city__plans .plan-tabs .navtabs .navtab .box {
display: flex;
justify-content: flex-start;
}
} .fp-city__plans .plan-tabs .content {
display: none;
margin-top: 16px;
}
.fp-city__plans .plan-tabs .content.active {
display: block;
}
.fp-city__plans .plan-tabs .content h4 {
font-family: var(--font-heading);
font-size: 16px;
line-height: 24px;
margin: 0 0 5px;
font-weight: 600;
}
.fp-city__plans .plan-tabs .content .row {
gap: 6px 0;
margin: 0 -6px;
}
@media (min-width: 768px) {
.fp-city__plans .plan-tabs .content .row {
gap: 24px 0;
}
}
.fp-city__plans .plan-tabs .content .row .col-md-3 {
padding: 0 6px;
} .fp-city__plans .plan-tabs .content .servies-box {
border: 1px solid var(--color-border);
padding: 10px 8px;
height: 100%;
border-radius: 0;
}
@media (min-width: 768px) {
.fp-city__plans .plan-tabs .content .servies-box {
padding: 16px 10px 16px 15px;
}
}
.fp-city__plans .plan-tabs .content .servies-box.disabled {
filter: grayscale(1);
}
.fp-city__plans .plan-tabs .content .servies-box img {
margin-right: 6px;
width: 25px;
height: 25px;
object-fit: contain;
}
@media (min-width: 768px) {
.fp-city__plans .plan-tabs .content .servies-box img {
width: 30px;
height: 30px;
}
}
.fp-city__plans .plan-tabs .content .servies-box h4 {
color: var(--color-text-primary);
margin: 0;
font-size: 11px;
font-weight: 500;
line-height: 15px;
font-family: var(--font-body);
}
@media (min-width: 768px) {
.fp-city__plans .plan-tabs .content .servies-box h4 {
font-size: 13px;
line-height: 20px;
}
} .fp-city__plans .plan-tabs .content .cta-group {
margin-top: 25px;
}
@media (min-width: 768px) {
.fp-city__plans .plan-tabs .content .cta-group {
margin-top: 0;
}
}
.fp-city__plans .plan-tabs .content .cta-group a.select-plan {
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(180deg, var(--color-purple) 0%, var(--color-purple-hover) 100%);
color: #fff;
width: 236px;
height: 48px;
padding: 8px 20px;
font-family: var(--font-body);
font-size: 14px;
font-weight: 500;
line-height: 17px;
border-radius: 0;
text-decoration: none;
} .fp-city__prose h2,
.fp-city__prose h3,
.fp-city__prose h4 {
font-family: var(--font-heading);
color: var(--color-text-primary);
font-weight: 700;
line-height: 1.3;
margin: 22px 0 10px;
}
.fp-city__prose > :first-child {
margin-top: 0;
}
.fp-city__prose h2 { font-size: 18px; }
.fp-city__prose h3 { font-size: 16px; }
.fp-city__prose h4 { font-size: 15px; }
.fp-city__prose ul,
.fp-city__prose ol {
margin: 0 0 16px;
padding-left: 20px;
}
.fp-city__prose li {
margin-bottom: 6px;
}