
:root{--ink: #252729;--ink-soft: #55595d;--ink-mute: #8a8f93;--navy-1: #252729;--navy-2: #2f3235;--navy-3: #3d4145;--accent: #f0b64c;--accent-hover: #f5c96e;--accent-strong: #e0a01f;--accent-ink: #252729;--line: #e6e7e8;--tint: #f6f6f5;--card-shadow: 0 1px 2px rgba(37, 39, 41, .06), 0 8px 24px rgba(37, 39, 41, .08);--card-shadow-hover: 0 2px 4px rgba(37, 39, 41, .08), 0 16px 40px rgba(37, 39, 41, .16);--radius: 14px;--font: "Avenir Next", "Avenir", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}
.container{max-width:1200px;margin:0 auto;padding:0 20px}

.header .container { max-width: none; }
.container--narrow{max-width:860px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;font:600 15px/1 var(--font);padding:13px 22px;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s;white-space:nowrap}
.btn--accent{background:var(--accent);color:var(--accent-ink);box-shadow:0 4px 14px #f0b64c59}
.btn--accent:hover{background:var(--accent-hover)}
.btn--accent:active{transform:translateY(1px)}
.btn--big{padding:16px 32px;font-size:16px}
.hero{position:relative;background:linear-gradient(160deg,var(--navy-1) 0%,var(--navy-2) 55%,var(--navy-3) 100%);color:#fff;overflow:hidden;margin-top:-64px;padding-top:64px}
.hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(ellipse 60% 50% at 80% 0%,rgba(240,182,76,.16),transparent),linear-gradient(160deg,#252729eb,#2f3235e0 55%,#3d4145db),url(/images/hero-office.webp);background-size:auto,auto,cover;background-position:center;pointer-events:none}
.hero__inner{position:relative;padding:62px 20px 0}
.hero__col{max-width:660px}
.hero__kicker{display:inline-flex;align-items:center;background:var(--accent);color:var(--accent-ink);font-size:11.5px;font-weight:700;letter-spacing:1.7px;text-transform:uppercase;padding:9px 16px 9px 20px;border-radius:0 6px 6px 0;margin-left:-20px}
.hero__title{font-size:clamp(33px,4.7vw,58px);line-height:1.04;font-weight:600;letter-spacing:-1.6px;margin-top:22px;text-wrap:balance}
.hero__title-accent{color:var(--accent)}
.hero__sub{margin-top:18px;max-width:52ch;font-size:17px;color:#ffffffc7}
.search{position:relative;width:100%;max-width:640px;margin-top:28px}
.search__row{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:9px 9px 9px 18px;box-shadow:0 18px 44px #00000057}
.search__icon{width:20px;height:20px;color:var(--accent);flex-shrink:0}
.search__input{flex:1;min-width:0;border:0;outline:none;font:400 16.5px var(--font);color:var(--ink);background:transparent;padding:10px 4px}
.search__input::placeholder{color:var(--ink-mute)}
.search__drop{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border-radius:12px;box-shadow:var(--card-shadow-hover);padding:8px;z-index:40;text-align:left;max-height:380px;overflow:auto}
.search__group{font-size:11.5px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--ink-mute);padding:8px 12px 4px}
.search__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;color:var(--ink);font-size:15px}
.search__item--hi,.search__item:hover{background:var(--tint)}
.search__pin{width:14px;height:14px;color:var(--accent);flex-shrink:0}
.search__name{font-weight:500}
.search__badge{margin-left:auto;font-size:11px;font-weight:700;color:#0a6d3c;background:#dcf5e7;border-radius:20px;padding:3px 9px;white-space:nowrap}
.hero__chips{margin-top:16px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.hero__chips-label{font-size:13.5px;color:#ffffff8c;margin-right:2px}
.chip{font-size:13.5px;font-weight:500;color:#ffffffe6;border:1px solid rgba(255,255,255,.28);border-radius:20px;padding:6px 14px;transition:background .15s,border-color .15s}
.chip{transition:background .15s,border-color .15s,color .15s}
.chip:hover{background:#f0b64c1f;border-color:var(--accent);color:var(--accent)}
.geo{margin-top:20px;display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;background:#f0b64c1f;border:1px solid rgba(240,182,76,.35);border-radius:12px;padding:10px 16px;font-size:14px}
.geo__pin{width:14px;height:14px;color:var(--accent)}
.geo__label{color:#ffffffd9;font-weight:600}
.geo__city{color:var(--accent);font-weight:600;border-bottom:1px dashed rgba(240,182,76,.5)}
.geo__city:hover{border-bottom-style:solid}
.hero__stats{position:relative;z-index:2;margin-top:52px;background:var(--accent);color:var(--accent-ink)}
.hero__stats-inner{display:flex;flex-wrap:wrap;gap:18px clamp(30px,5vw,62px);padding-top:19px;padding-bottom:19px}
.stat{display:flex;align-items:baseline;gap:5px}
.stat__num{font-size:27px;font-weight:700;letter-spacing:-.8px;line-height:1;font-variant-numeric:tabular-nums}
.stat__label{font-size:13.5px;font-weight:600;color:#252729b8}
.section{padding:72px 0}
.section--tint{background:var(--tint)}
.section__title{color:var(--ink);font-size:clamp(26px,3.4vw,36px);font-weight:600;letter-spacing:-.6px;line-height:1.2;position:relative;padding-top:22px}
.section__title:before{content:"";position:absolute;top:0;left:0;width:48px;height:4px;border-radius:2px;background:var(--accent)}
.section__title--light{color:#fff}
.section--dark .section__title:not(.section__title--light){color:#fff}
.section__sub{margin-top:12px;max-width:720px;color:var(--ink-soft);font-size:16.5px}
.steps{margin-top:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.step{background:#fff;border-radius:var(--radius);padding:28px 26px;box-shadow:var(--card-shadow);position:relative}
.step__num{width:40px;height:40px;border-radius:12px;background:var(--navy-2);color:var(--accent);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.step__title{font-size:18px;font-weight:600;margin-bottom:8px}
.step__text{color:var(--ink-soft);font-size:15px}
.section--dark .step{background:var(--accent);border:1px solid transparent;box-shadow:none;color:var(--accent-ink)}
.section--dark .step__num{background:#fff;color:var(--accent-ink)}
.section--dark .step__title{color:#fff}
.section--dark .step__text{color:#252729d1}
.why{margin-top:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:26px}
.why__icon{width:44px;height:44px;color:var(--accent);margin-bottom:14px}
.why__icon svg{width:100%;height:100%}
.why__title{font-size:16.5px;font-weight:600;margin-bottom:6px}
.why__text{color:var(--ink-soft);font-size:14.5px}
.section--dark{background:linear-gradient(140deg,var(--navy-1),var(--navy-3));color:#fff}
.cowork__inner{display:flex;align-items:center;gap:56px}
.cowork__text{flex:1}
.cowork__p{margin:16px 0 26px;color:#ffffffc7;font-size:16.5px;max-width:560px}
.cowork__art{flex:1.05;border-radius:var(--radius);overflow:hidden;box-shadow:0 20px 50px #0006;position:relative}
.cowork__art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 1px #ffffff1a;border-radius:var(--radius);pointer-events:none}
.cowork__art img{width:100%;height:100%;object-fit:cover;aspect-ratio:16 / 11;display:block}
.guides__title{margin-top:44px;font-size:20px;font-weight:700;letter-spacing:-.3px;position:relative;padding-top:18px}
.guides__title:before{content:"";position:absolute;top:0;left:0;width:34px;height:3px;border-radius:2px;background:var(--accent)}
.guides{margin-top:20px;display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:16px}
.guides__card{border:1px solid var(--line);border-radius:12px;padding:18px 18px 16px;display:flex;flex-direction:column;background:#fff;transition:border-color .18s,box-shadow .18s}
.guides__card:hover{border-color:var(--accent);box-shadow:var(--card-shadow)}
.guides__city{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:700;letter-spacing:.9px;text-transform:uppercase;color:var(--ink)}
.guides__city:hover{color:var(--accent)}
.guides__count{font-size:11px;font-weight:700;letter-spacing:0;color:var(--accent-ink);background:var(--accent);border-radius:20px;padding:2px 8px;font-variant-numeric:tabular-nums}
.guides__list{margin:12px 0 0;display:flex;flex-direction:column;gap:8px;flex:1}
.guides__list a{font-size:13.5px;line-height:1.45;color:var(--ink-soft);display:block;padding-left:13px;position:relative}
.guides__list a:before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;background:var(--accent)}
.guides__list a:hover{color:var(--ink)}
.guides__more{margin-top:14px;font-size:13px;font-weight:600;color:var(--accent-strong, var(--accent))}
.guides__more:hover{text-decoration:underline}
.cityseo{margin-top:26px;display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:48px;align-items:start}
.cityseo__text>p,.cityseo__text div>p{color:var(--ink-soft);font-size:15.5px;line-height:1.72;margin-bottom:16px}
.cityseo__heading{margin-top:0}
.cityseo__cities .section__sub{margin-top:8px;font-size:15.5px}
.cityseo__cities .cities{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.seo__body{margin-top:20px;max-width:78ch}
.seo__body p{color:var(--ink-soft);font-size:15.5px;line-height:1.72;margin-bottom:16px}
.seo__h3{margin:26px 0 10px;font-size:18.5px;font-weight:700;letter-spacing:-.3px;color:var(--ink)}
.articles{margin-top:34px;display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--accent) #ececec}
.articles::-webkit-scrollbar{height:8px}
.articles::-webkit-scrollbar-track{background:#ececec;border-radius:4px}
.articles::-webkit-scrollbar-thumb{background:var(--accent);border-radius:4px}
@media (min-width: 900px){
.articles{grid-template-columns:repeat(3,1fr)}
}
.article{flex:0 0 280px;scroll-snap-align:start;display:flex;flex-direction:column;border-radius:10px;overflow:hidden;background:var(--accent);box-shadow:0 2px 10px #0000001a;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s}
.article:hover{transform:translateY(-3px);box-shadow:var(--card-shadow-hover)}
.article img{aspect-ratio:16 / 10;object-fit:cover;width:100%}
.article__body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.article__title{font-size:16px;font-weight:700;color:#1a1204;line-height:1.35}
.article__excerpt{font-size:13px;color:#5a4712;line-height:1.5}
.faq{margin-top:30px;display:flex;flex-direction:column;gap:12px}
.faq__item{background:var(--tint);border:1px solid var(--line);border-radius:12px;padding:0 22px}
.faq__q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 0;font-size:16.5px;font-weight:600;cursor:pointer;list-style:none}
.faq__q::-webkit-details-marker{display:none}
.faq__chev{width:16px;height:16px;flex-shrink:0;color:var(--ink-mute);transition:transform .25s ease}
.faq__item[open] .faq__chev{transform:rotate(180deg)}

.faq__a{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1),opacity .18s ease}
.faq__item[open] .faq__a{grid-template-rows:1fr;opacity:1;transition:grid-template-rows .32s cubic-bezier(.22,1,.36,1),opacity .28s ease .06s}
.faq__a-inner{min-height:0;padding:0 0 18px;color:var(--ink-soft);font-size:15.5px;max-width:96%}
.section--dark .faq__item{background:#ffffff0f;border-color:#ffffff1f}
.section--dark .faq__q{color:var(--accent)}
.section--dark .faq__a-inner{color:#ffffffc7}
.section--dark .faq__chev{color:#ffffff8c}
.section--contact{background:var(--tint)}
.contact{background:#fff;border-radius:18px;box-shadow:var(--card-shadow);padding:clamp(28px,5vw,48px);text-align:center}
.contact .section__sub{margin-left:auto;margin-right:auto}
.contact__grid{margin:28px 0 20px;display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:left}
.contact__privacy{margin-top:14px;font-size:12.5px;color:var(--ink-mute)}
.contact__sent{margin:18px 0 4px;background:#dcf5e7;color:#0a6d3c;border-radius:10px;padding:12px 18px;font-size:15px}
@media (max-width: 980px){
.cityseo{grid-template-columns:1fr;gap:32px}
.cityseo__text{order:2}
.cityseo__cities{order:1}
.steps{grid-template-columns:1fr}
.why{grid-template-columns:1fr 1fr}
.cowork__inner{flex-direction:column;gap:34px;text-align:center}
.cowork__p{margin-left:auto;margin-right:auto}
}
@media (max-width: 640px){
.hero__inner{padding:44px 20px 0}
.hero__stats-inner{gap:14px 26px}
.stat__num{font-size:23px}
.search__row{flex-wrap:wrap;padding:10px}
.search__icon{display:none}
.search__input{flex-basis:100%;padding:8px 6px}
.search__btn{flex:1}
.hero__stats{gap:26px}
.why,.contact__grid{grid-template-columns:1fr}
.section{padding:52px 0}
}
.cowork__formats{list-style:none;margin:22px 0 28px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:16px 26px;max-width:620px}
.cowork__format{border-left:3px solid var(--accent);padding-left:14px}
.cowork__format-name{display:block;font-weight:700;font-size:15.5px;color:#fff;margin-bottom:4px}
.cowork__format-desc{display:block;font-size:14px;line-height:1.55;color:#ffffffb8}
@media (max-width: 900px){
.cowork__formats{grid-template-columns:1fr;max-width:100%;text-align:left}
}
.article__where{margin-top:auto;font-size:12px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:#1a12048c}
.article img.article__img--contain{object-fit:contain;background:#fff}

.search { position: relative; }
.hero__suggest {
  position: absolute; z-index: 40; top: calc(100% + 6px); left: 0; right: 0;
  background: #fff; border-radius: 10px; overflow: hidden;
  box-shadow: 0 12px 32px rgba(0, 0, 0, .24);
}
.hero__suggest-item {
  display: flex; align-items: center; justify-content: space-between; gap: 12px;
  padding: 10px 16px; color: var(--ink); text-decoration: none; font-size: 15px;
}
.hero__suggest-item + .hero__suggest-item { border-top: 1px solid var(--line); }
.hero__suggest-item:hover { background: var(--tint); }
.hero__suggest-n { color: var(--ink-mute); font-size: 13px; }

.citycard{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius);overflow:hidden;background:var(--navy-2);display:block;isolation:isolate;box-shadow:inset 0 0 0 1px #ffffff1a,0 1px 2px #25272914,0 10px 24px #2527291f;transition:transform .25s ease,box-shadow .25s ease}
.citycard:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px #ffffff29,0 20px 40px #25272942}
.citycard img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .35s ease}
.citycard:hover img{transform:scale(1.08);filter:brightness(1.12) saturate(1.15)}
.citycard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#f0b64c00 50%,#f0b64c2e);opacity:0;transition:opacity .3s ease;pointer-events:none}
.citycard:hover:after{opacity:1}
.citycard__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#25272900 38%,#25272980 70%,#252729e0),#2527293d;transition:background .3s ease}
.citycard:hover .citycard__shade{background:linear-gradient(180deg,#25272900 38%,#25272973 70%,#252729d9),#2527290f}
.citycard__country{position:absolute;left:14px;bottom:34px;color:#ffffffb8;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.citycard__name{position:absolute;left:14px;right:14px;bottom:11px;color:var(--accent);font-size:18px;font-weight:700;letter-spacing:-.2px;display:flex;align-items:center;justify-content:space-between;gap:8px}

.cityseo__all { margin: 22px 0 0; }
.cityseo__all a { color: var(--accent-strong); font-weight: 600; text-decoration: none; }
.cityseo__all a:hover { text-decoration: underline; }

.section--dark .cityseo__all a { color: var(--accent); }

.cities {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  gap: 16px;
}

a { color: var(--accent-strong); }
a:hover { color: var(--accent); }

@media (min-width: 861px) {
  .cityseo__cities > .cities { margin-top: 0; padding-top: 0; }
}
.cityseo__cta { margin: 22px 0 0; display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.cityseo__cta .btn { text-decoration: none; }
.cityseo__note { margin: 18px 0 0; padding: 14px 16px; background: var(--tint);
  border-left: 3px solid var(--accent); border-radius: 0 8px 8px 0;
  color: var(--ink-soft); font-size: 14.5px; line-height: 1.62; }
.cityseo__note b { color: var(--ink); font-weight: 700; }

.honey-field{position:absolute;left:-9999px;opacity:0;height:0;width:0}
.logo__img--footer{height:34px;margin-bottom:14px}
.field__input{width:100%;border:1.5px solid var(--line);border-radius:10px;padding:13px 15px;font:400 15px var(--font);color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s;background:#fff}
.field__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f0b64c38}
.footer{background:var(--navy-1);color:#ffffffbf;font-size:14.5px}
.fcat{padding-top:60px;padding-bottom:44px;border-bottom:1px solid rgba(255,255,255,.1)}
.fcat__title{font-size:clamp(22px,3vw,30px);font-weight:600;letter-spacing:-.4px;color:#fff}
.fcat__sub{margin-top:10px;color:#fff9;font-size:15px}
.fcat__hubs{margin-top:20px;display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px}
.fcat__hubs>span{color:#fff9;font-weight:600}
.fcat__hub{font-weight:600;color:var(--accent);border:1px solid rgba(240,182,76,.35);border-radius:20px;padding:6px 15px;transition:background .15s,border-color .15s}
.fcat__hub:hover{background:#f0b64c1f;border-color:var(--accent)}
.fcat__grid{margin-top:30px;columns:4 220px;column-gap:26px}
.fcat__region{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;display:inline-block;width:100%;margin-bottom:24px}
.fcat__region-name{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#fff;margin:0 0 10px;padding-bottom:6px;border-bottom:2px solid var(--accent);display:inline-block}
.fcat__list{display:flex;flex-direction:column;gap:5px}
.fcat__link{font-size:12.5px;line-height:1.45;color:#ffffff9e;font-weight:400;transition:color .12s}
.fcat__link:hover{color:var(--accent)}
.fcat__link--live{font-weight:400;color:#ffffffeb}
.footer__grid{padding-top:40px;padding-bottom:36px}
.footer__about{max-width:none}
.logo--footer{font-size:19px;font-weight:700;color:#fff;display:inline-block;margin-bottom:14px}
.footer__about p{max-width:none;font-size:13px;line-height:1.6;color:#fff9}
.footer__h{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:#fff;margin-bottom:14px}
.footer__list{display:flex;flex-direction:column;gap:8px}
.footer__list a{color:#ffffffb8;transition:color .12s}
.footer__list a:hover{color:#fff}
.footer__list--cols{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.footer__hubs{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);flex-direction:row;gap:18px}
.footer__hubs a{font-weight:600;color:var(--accent)}
.footer__bottom{display:flex;justify-content:space-between;gap:20px;padding-top:22px;padding-bottom:8px;border-top:1px solid rgba(255,255,255,.1);font-size:13.5px;color:var(--accent)}
.footer__bottom-links{display:flex;gap:22px}
.footer__bottom a{color:var(--accent)}
.footer__bottom a:hover{color:var(--accent-hover)}
.footer__disclaimer{padding-top:10px;padding-bottom:30px;font-size:12px;color:#f0b64cb8}
[dir=rtl] .citycard__cta svg,[dir=rtl] .faq__chev{transform:scaleX(-1)}
[dir=rtl] .fcat__link--live:after{margin-left:0;margin-right:7px}
@media (max-width: 980px){.footer__grid{grid-template-columns:1fr;gap:34px}}
@media (max-width: 640px){.footer__bottom{flex-direction:column;gap:8px}}
.footer__legal,.legal-links,.footer__links{flex-wrap:wrap!important;row-gap:6px}
.footer__bottom-links{display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:flex-end}
@media (max-width: 720px){.footer__bottom{flex-direction:column;align-items:flex-start;gap:10px}.footer__bottom-links{justify-content:flex-start}}

.guides__more { display: inline-block; margin-top: 28px; }

.cityseo--rev { grid-template-columns: minmax(0, 1fr) minmax(0, 420px); }
.cities--3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
@media (max-width: 860px) {
  .cityseo--rev { grid-template-columns: 1fr; }
  .cityseo--rev .cityseo__cities { order: 1; }
  .cityseo--rev .cityseo__text { order: 2; }
  .cities--3 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

.citycard__country, .citycard__name { position: static !important; }
.citycard { display: flex; flex-direction: column; justify-content: flex-end; }
.citycard img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.citycard > span:not(.citycard__shade) { position: relative; z-index: 2; }
.citycard__country { padding: 0 14px; }
.citycard__name { padding: 2px 14px 14px; }

@media (max-width: 768px) {
  .hero__bg {
    background-image:
      radial-gradient(ellipse 60% 50% at 80% 0%, rgba(240,182,76,.16), transparent),
      linear-gradient(160deg, #252729eb, #2f3235e0 55%, #3d4145db),
      url(/images/hero-office-m.webp);
  }
}

.fcat {
  background: var(--navy-1);
  color: #ffffffbf;
  font-size: 14.5px;
  padding: 48px 20px 40px;
  max-width: none;
}
.fcat > * { max-width: 1200px; margin-left: auto; margin-right: auto; }
.fcat__all { margin-top: 26px; color: #fff9; }
.fcat__all a { color: var(--accent); }

.fcat__grid { columns: auto !important; display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 26px; align-items: start; }
@media (max-width: 900px) { .fcat__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .fcat__grid { grid-template-columns: 1fr; } }

.bld-h1 { text-transform: none; }

.cityseo__more .btn--accent { color: #fff; }

.footer .copyright-home { background: transparent; color: var(--accent); }

.fcat__region-name--hidden { visibility: hidden; }

.hero, .section, .footer { font-family: var(--font); }

.footer.footer-home {
  background: var(--navy-1);
  border-top: 1px solid #ffffff17;
}

.footer.footer-home .fcat { padding-top: 96px; }

.footer.footer-home .footer-block { background: transparent; }

.footer.footer-home .fcat { border-bottom: none; }

main > .first-page-text-block:last-child { padding-bottom: 64px; }

.uk-map { display: flex; flex-direction: column; height: 100%; padding: 10px 24px 12px; box-sizing: border-box; }
.uk-map__head { flex: 0 0 auto; margin-bottom: 4px; }
.uk-map__title { font: 700 15px var(--font); color: var(--ink); }
.uk-map__sub { font: 400 12.5px var(--font); color: var(--ink-mute); margin-top: 3px; }
.uk-map__stage { position: relative; flex: 1 1 auto; min-height: 0; }
.uk-map__svg {
  width: 100%; height: 100%; min-height: 0; overflow: visible;
  cursor: grab; touch-action: none; user-select: none;
}
.uk-map__svg:active { cursor: grabbing; }
.uk-map__land { fill: var(--tint); stroke: var(--line); stroke-width: 1.4; }
.uk-map__pin { cursor: pointer; outline: none; }
.uk-map__pin .uk-map__dot {
  fill: var(--accent); fill-opacity: .88; stroke: var(--ink); stroke-width: .6;
  transition: fill .15s ease, stroke-width .15s ease;
}
.uk-map__pin:hover .uk-map__dot, .uk-map__pin:focus .uk-map__dot,
.uk-map__pin--active .uk-map__dot { fill: var(--accent-strong); stroke-width: 1; }
.uk-map__label {
  font: 600 7.6px var(--font); fill: var(--ink); text-anchor: middle;
  paint-order: stroke; stroke: #fff; stroke-width: 3px; stroke-linejoin: round;
  opacity: 0; pointer-events: none; transition: opacity .12s ease;
}
.uk-map__label--on { opacity: 1; }
.uk-map__pin:hover .uk-map__label, .uk-map__pin:focus .uk-map__label,
.uk-map__pin--active .uk-map__label { opacity: 1; }

.uk-map__zoom {
  position: absolute; right: 10px; bottom: 10px; z-index: 3;
  display: flex; flex-direction: column; gap: 1px;
  background: #fff; border: 1px solid var(--line); border-radius: 8px;
  box-shadow: var(--card-shadow); overflow: hidden;
}
.uk-map__zoom button {
  width: 30px; height: 30px; border: none; background: #fff; color: var(--ink);
  font: 600 16px/1 var(--font); cursor: pointer;
}
.uk-map__zoom button:hover { background: var(--tint); }
.uk-map__zoom button:not(:last-child) { border-bottom: 1px solid var(--line); }
.uk-map__zoom-reset { font-size: 13px !important; }

.uk-map__card {
  position: fixed; z-index: 40; width: 220px;
  transform: translate(-50%, calc(-100% - 14px));
  background: #fff; border-radius: 10px; box-shadow: var(--card-shadow-hover);
  overflow: hidden; text-decoration: none; color: inherit;
  border: 1px solid var(--line); pointer-events: auto;
}
.uk-map__card-photo { width: 100%; height: 110px; background-size: cover; background-position: center; }
.uk-map__card-body { padding: 10px 12px 12px; }
.uk-map__card-name { font: 700 14px var(--font); color: var(--ink); }
.uk-map__card-count { font: 400 12px var(--font); color: var(--ink-mute); margin-top: 2px; }
.uk-map__card-cta { font: 700 12.5px var(--font); color: var(--accent-strong); margin-top: 7px; }

.articles__more { display: flex; margin: 30px auto 0; }

@media (min-width: 1180px) { .article { flex-basis: 300px; } }

.ichart { margin: 26px 0 30px; padding: 20px 22px 16px; background: var(--tint); border-radius: var(--radius); }
.ichart__cap { font: 700 14px var(--font); color: var(--ink); margin-bottom: 14px; }
.ichart__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.ichart__row { display: grid; grid-template-columns: minmax(84px, 22%) 1fr auto; align-items: center; gap: 10px; }
.ichart__name { font: 600 13.5px var(--font); color: var(--ink); }
.ichart__track { background: #e4e6e7; border-radius: 5px; height: 14px; overflow: hidden; }
.ichart__bar { display: block; height: 100%; background: var(--accent); border-radius: 5px; }
.ichart__val { font: 700 13px var(--font); color: var(--ink); font-variant-numeric: tabular-nums; min-width: 34px; text-align: right; }
.ichart__src { margin: 14px 0 0; font: 400 12px var(--font); color: var(--ink-mute); }
@media (max-width: 560px) {
  .ichart { padding: 16px 14px 12px; }
  .ichart__row { grid-template-columns: minmax(70px, 30%) 1fr auto; gap: 8px; }
  .ichart__name { font-size: 12.5px; }
}

.section--dark .steps { counter-reset: step; }
.section--dark .step {
  position: relative;
  background: linear-gradient(158deg, var(--accent-hover) 0%, var(--accent) 58%, var(--accent-strong) 100%);
  border-radius: 16px;
  padding: 30px 28px 28px;
  overflow: hidden;
  transition: transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease;
  box-shadow: 0 10px 26px #0000002e;
}

.section--dark .step::before {
  content: ""; position: absolute; inset: -40% 55% 55% -20%;
  background: radial-gradient(closest-side, #ffffff5c, transparent 70%);
  opacity: .85; pointer-events: none; transition: opacity .28s ease;
}
.section--dark .step:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 42px #00000040, 0 0 0 1px #ffffff3d inset, 0 12px 40px #f0b64c4d;
}
.section--dark .step:hover::before { opacity: 1; }
.section--dark .step__num {
  position: relative; z-index: 1;
  width: 42px; height: 42px; border-radius: 13px;
  background: #fff; color: var(--accent-ink);
  font: 700 18px/1 var(--font); font-variant-numeric: tabular-nums;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 18px;
  box-shadow: 0 4px 12px #0000002b;
  transition: transform .28s cubic-bezier(.22,1,.36,1), box-shadow .28s ease;
}
.section--dark .step:hover .step__num {
  transform: translateY(-2px) scale(1.06) rotate(-4deg);
  box-shadow: 0 8px 20px #00000038;
}
.section--dark .step__title {
  position: relative; z-index: 1;
  font: 700 17.5px/1.3 var(--font); letter-spacing: -.2px;
  color: #23190a; margin-bottom: 9px;
}
.section--dark .step__text {
  position: relative; z-index: 1;
  font: 400 14.7px/1.62 var(--font);
  color: #3a2c11; 
}

.why__item {
  position: relative;
  padding: 26px 22px 24px;
  border-radius: 14px;
  background: transparent;
  transition: background .24s ease, transform .24s cubic-bezier(.22,1,.36,1), box-shadow .24s ease;
}
.why__item::after { 
  content: ""; position: absolute; left: 22px; right: 22px; bottom: 12px; height: 2px;
  background: var(--accent); border-radius: 2px;
  transform: scaleX(0); transform-origin: left; opacity: .0;
  transition: transform .3s cubic-bezier(.22,1,.36,1), opacity .3s ease;
}
.why__item:hover {
  background: #fff;
  transform: translateY(-4px);
  box-shadow: 0 2px 4px #25272910, 0 16px 38px #2527291f;
}
.why__item:hover::after { transform: scaleX(1); opacity: 1; }
.why__icon {
  width: 46px; height: 46px; color: var(--accent);
  display: flex; align-items: center; justify-content: center;
  border-radius: 12px; background: #f0b64c1a;
  margin-bottom: 16px;
  transition: transform .26s cubic-bezier(.22,1,.36,1), background .26s ease, box-shadow .26s ease;
}
.why__item:hover .why__icon {
  transform: translateY(-2px) scale(1.05);
  background: #f0b64c2e;
  box-shadow: 0 8px 20px #f0b64c4a;
}
.why__title {
  font: 700 16.5px/1.35 var(--font); letter-spacing: -.2px;
  color: var(--ink); margin-bottom: 8px;
}
.why__text { font: 400 14.7px/1.62 var(--font); color: var(--ink-soft); }

.why__text a {
  color: var(--accent-strong); font-weight: 600;
  text-decoration: none;
  background-image: linear-gradient(var(--accent), var(--accent));
  background-repeat: no-repeat; background-position: 0 100%; background-size: 0% 1.5px;
  transition: background-size .25s ease, color .2s ease;
}
.why__text a:hover { color: #b87d0d; background-size: 100% 1.5px; }

@media (prefers-reduced-motion: reduce) {
  .section--dark .step, .section--dark .step__num,
  .why__item, .why__icon, .why__item::after, .why__text a { transition: none; }
  .section--dark .step:hover, .why__item:hover { transform: none; }
  .section--dark .step:hover .step__num, .why__item:hover .why__icon { transform: none; }
}
@media (max-width: 720px) {
  .why__item { padding: 20px 16px 18px; }
  .why__item::after { left: 16px; right: 16px; }
}

.faq__item {
  position: relative;
  overflow: hidden;
  transition: background .22s ease, border-color .22s ease, box-shadow .22s ease;
}

.faq__item::before {
  content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: var(--accent);
  transform: scaleY(0); transform-origin: top;
  transition: transform .28s cubic-bezier(.22,1,.36,1);
}
.faq__item:hover::before { transform: scaleY(.35); }
.faq__item[open]::before { transform: scaleY(1); }
.faq__chev { color: var(--accent); }
.faq__q:hover { color: var(--accent-strong); }

.section:not(.section--dark) .faq__item:hover {
  background: #fff; border-color: #f0b64c66;
  box-shadow: 0 8px 24px #2527291a;
}
.section:not(.section--dark) .faq__item[open] {
  background: #fff; border-color: #f0b64c8c;
  box-shadow: 0 10px 30px #25272914;
}

.section--dark .faq__item:hover { background: #ffffff17; border-color: #f0b64c59; }
.section--dark .faq__item[open] { background: #f0b64c14; border-color: #f0b64c73; }
.section--dark .faq__q:hover { color: var(--accent-hover); }

.faq__a-inner a {
  color: var(--accent); font-weight: 600; text-decoration: none;
  background-image: linear-gradient(var(--accent), var(--accent));
  background-repeat: no-repeat; background-position: 0 100%; background-size: 0% 1.5px;
  transition: background-size .25s ease, color .2s ease;
}
.faq__a-inner a:hover { color: var(--accent-hover); background-size: 100% 1.5px; }
.section:not(.section--dark) .faq__a-inner a { color: var(--accent-strong); }
.section:not(.section--dark) .faq__a-inner a:hover { color: #b87d0d; }

@media (prefers-reduced-motion: reduce) {
  .faq__item, .faq__item::before, .faq__a-inner a { transition: none; }
}

.article img { height: auto; }

.article__where { color: #fff; opacity: .95; }

.offer-formats {
  display: flex; flex-wrap: wrap; gap: 12px;
  margin: 0 0 22px;
}
.offer-format {
  flex: 1 1 220px; min-width: 0;
  display: flex; align-items: baseline; justify-content: space-between; gap: 12px;
  padding: 14px 18px;
  background: var(--tint); border: 1px solid var(--line); border-radius: 12px;
  transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.offer-format:hover { background: #fff; border-color: #f0b64c73; box-shadow: 0 8px 22px #2527291a; }
.offer-format__name { font: 600 14.5px/1.3 var(--font); color: var(--ink); }
.offer-format__price {
  font: 700 16px/1 var(--font); color: var(--ink); white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.offer-format__per { font: 400 12.5px var(--font); color: var(--ink-mute); margin-left: 2px; }

.card__office_format { font-weight: 600; color: var(--ink); white-space: nowrap; }
@media (max-width: 560px) {
  .offer-format { flex: 1 1 100%; }
}
