html,body{margin:0;padding:0}
a{color:#5939F5}a:hover{color:#4527d4}
.fr-page a{text-decoration:none}

/* 1 — Hero (Our Team style) */
.fr-hero{margin-top:80px;background:#FFFFFF;padding:40px 0 60px;text-align:center}
.fr-hero__title{margin:0 auto;max-width:1000px;font-family:var(--font-display);font-weight:var(--fw-halbfett);font-size:60px;line-height:1.1;letter-spacing:-1.8px;color:#050E1E;text-wrap:balance}
.fr-hero__sub{margin:24px auto 0;max-width:860px;font-family:"Epilogue",var(--font-body);font-weight:500;font-size:20px;line-height:1.45;letter-spacing:-0.01em;color:#050E1E;text-wrap:pretty}

/* 2 — Office rows (new; Case Studies row interaction) */
.fr-rows{background:#FFFFFF}
.fr-row{position:relative;overflow:hidden;background:#FFFFFF;border-top:1px solid #050E1E}
.fr-row:last-child{border-bottom:1px solid #050E1E}
.fr-row__inner{display:flex;gap:60px;align-items:stretch}
.fr-row__left{flex:0 0 360px;max-width:360px;padding:60px 0;display:flex;flex-direction:column;gap:16px}
.fr-row__name{margin:0;font-family:var(--font-display);font-weight:500;font-size:40px;line-height:1.1;letter-spacing:-1.2px;color:#050E1E}
.fr-row__intro{margin:0;font-family:"Epilogue",var(--font-body);font-weight:400;font-size:16px;line-height:1.5;color:#050E1E;text-wrap:pretty}
.fr-row__media{flex:1 1 auto;min-width:0;position:relative}
.fr-row__imgwrap{position:absolute;left:0;right:0;top:60px;bottom:0;overflow:hidden}
.fr-row__img{display:block;width:100%;height:100%;object-fit:cover;transform:translateY(100%);transition:transform 500ms cubic-bezier(0.16,1,0.3,1)}
.fr-row:hover .fr-row__img{transform:translateY(0)}
.fr-row__contact{flex:0 0 300px;max-width:300px;padding:60px 0;display:flex;flex-direction:column;gap:24px}
.fr-field{display:flex;flex-direction:column;gap:6px}
.fr-field__label{font-family:"Epilogue",var(--font-body);font-weight:400;font-size:16px;line-height:1.4;color:rgba(5,14,30,0.6)}
.fr-field__val{font-family:"Epilogue",var(--font-body);font-weight:500;font-size:20px;line-height:1.4;color:#050E1E}

/* 3 — Contact + form (reused Location-detail block) */
.ld-contact{padding:80px 0;background:#FFFFFF}
.ld-contact .fa-container{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.ld-contact__row{grid-column:2 / 12;display:flex;gap:139px;align-items:stretch}
.ld-info{flex:0 0 453px;max-width:453px;padding-top:40px;display:flex;flex-direction:column;gap:32px}
.ld-info__h{margin:0;font-family:var(--font-display);font-weight:var(--fw-halbfett);font-size:32px;line-height:1.1;letter-spacing:-0.64px;color:#050E1E}
.ld-field{display:flex;flex-direction:column;gap:8px}
.ld-field__label{font-family:"Epilogue",var(--font-body);font-weight:400;font-size:16px;line-height:1.4;color:rgba(5,14,30,0.6)}
.ld-field__val{font-family:"Epilogue",var(--font-body);font-weight:500;font-size:20px;line-height:1.4;color:#050E1E}
.ld-socials{display:flex;gap:16px}
.ld-social{width:44px;height:44px;border-radius:100px;background:#050E1E;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;transition:background 150ms ease}
.ld-social:hover{background:#5939F5}
.ld-social svg{display:block}
.ld-form{flex:1 1 auto;min-width:0;background:#050E1E;padding:40px;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}
.ld-form__h{margin:0 0 4px;font-family:var(--font-display);font-weight:var(--fw-halbfett);font-size:32px;line-height:1.1;letter-spacing:-0.64px;color:#FFFFFF}
.ld-form__group{display:flex;flex-direction:column;gap:8px}
.ld-form__label{font-family:"Epilogue",var(--font-body);font-weight:400;font-size:16px;line-height:1.4;color:#FFFFFF}
.ld-form__input{height:48px;background:#FFFFFF;border:0;border-radius:0;padding:0 14px;font-family:"Epilogue",var(--font-body);font-size:16px;color:#050E1E;box-sizing:border-box;width:100%}
.ld-form__input--area{height:140px;padding:12px 14px;resize:vertical}
.ld-form__submit{display:inline-flex;align-items:center;justify-content:center;height:52px;background:#5939F5;color:#FFFFFF;border:0;border-radius:0;font-family:var(--font-display);font-weight:var(--fw-halbfett);font-size:18px;letter-spacing:-0.18px;cursor:pointer;margin-top:4px;transition:background 150ms ease}
.ld-form__submit:hover{background:#4527d4;color:#FFFFFF}

/* 5 — FAQ (Pricing layout + shared .as-faq) */
.ld-faq{padding:120px 0 80px;background:#FFFFFF}
.ld-faq__grid{display:grid;grid-template-columns:335px 1fr;gap:138px;align-items:start}
.ld-faq__left{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.ld-faq__h{margin:0;font-family:var(--font-display);font-weight:var(--fw-halbfett);font-size:32px;line-height:1;letter-spacing:-0.32px;color:#050E1E}
.ld-faq__sub{margin:0;font-family:"Epilogue",var(--font-body);font-weight:400;font-size:16px;line-height:1.5;color:#050E1E}
.ld-faq .as-faq__q span{font-size:18px}

/* Tablet */
@media (max-width:1199px){
  .fr-hero__title{font-size:48px;letter-spacing:-1.4px}
  .fr-row__inner{flex-wrap:wrap;gap:32px}
  .fr-row__left{flex:1 1 100%;max-width:none;padding:48px 0 0}
  .fr-row__media{flex:1 1 60%;order:2}
  .fr-row__contact{flex:1 1 30%;padding:0 0 48px;order:3}
  .fr-row__imgwrap{position:relative;top:auto;bottom:auto;height:320px}
  .fr-row__img{transform:translateY(0)}
  .ld-contact__row{gap:48px}
  .ld-faq__grid{grid-template-columns:1fr;gap:32px}
  .ld-faq{padding-top:80px}
}
@media (max-width:900px){
  .ld-contact__row{grid-column:1 / -1;flex-direction:column;gap:40px}
  .ld-info{flex:none;max-width:none;width:100%}
  .ld-form{width:100%}
}
/* Mobile */
@media (max-width:767px){
  .fr-hero{padding:32px 0 48px}
  .fr-hero__title{font-size:34px;letter-spacing:-1px}
  .fr-hero__sub{font-size:18px}
  .fr-row__inner{flex-direction:column;gap:24px}
  .fr-row__left,.fr-row__media,.fr-row__contact{flex:none;width:100%;max-width:none}
  .fr-row__name{font-size:32px;letter-spacing:-0.9px}
  .fr-row__imgwrap{height:auto;aspect-ratio:3/2}
  .fr-row__img{height:auto}
  .ld-contact{padding:60px 0}
  .ld-faq{padding-top:60px}
}
