/* ============================================================
   Service Detail — VERBATIM copy of the <style> block in the
   export's ui_kits/services/business-accounting/index.html. Do not hand-edit: keep it
   diffable against a future export.
   ============================================================ */
html,body{margin:0;padding:0}
a{color:#5939F5}a:hover{color:#4527d4}
.sd-page a{text-decoration:none}

/* 1 — Hero (centered, blog-style) */
.sd-hero{background:#FFFFFF;padding:132px 0 0;text-align:center}
.sd-hero__inner{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center}
.sd-hero__h1{margin:0;font:var(--fw-halbfett) 60px/0.9 var(--font-display);letter-spacing:-1.8px;color:#050E1E;text-wrap:balance}
.sd-hero__sub{margin:20px auto 0;max-width:760px;font-family:"Epilogue",var(--font-body);font-weight:400;font-size:20px;line-height:1.4;color:#050E1E}
.sd-hero__gif{display:block;width:400px;height:400px;object-fit:contain;margin:48px auto 0;animation:sd-bob 2.5s ease-in-out infinite;will-change:transform}
@keyframes sd-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

/* 2 — Trust strip (purple band) */
.sd-trust{background:#5939F5;padding:12px 0}
.sd-trust__row{display:flex;justify-content:space-between;align-items:center;gap:40px}
.sd-trust__item{flex:1;font-family:"Epilogue",var(--font-body);font-weight:600;font-size:16px;line-height:1.3;color:#FFFFFF;text-align:center}

/* 3 + 4 — Navy bands */
.sd-navy{background:#050E1E}
.sd-two{display:flex;gap:257px;align-items:flex-start}
.sd-who{padding:80px 0}
.sd-who__h{margin:0;flex:0 0 453px;max-width:453px;font:var(--fw-halbfett) 48px/1 var(--font-display);letter-spacing:-1.44px;color:#FFFFFF}
.sd-who__body{flex:1;min-width:0;margin:0;font-family:"Epilogue",var(--font-body);font-weight:300;font-size:20px;line-height:1.5;color:#FFFFFF}

.sd-incl{padding:80px 0}
.sd-incl .sd-two{gap:256px}
.sd-incl__left{flex:0 0 453px;max-width:453px}
.sd-incl__h{margin:0;font:var(--fw-halbfett) 48px/1 var(--font-display);letter-spacing:-1.44px;color:#FFFFFF}
.sd-incl__intro{margin:20px 0 0;font-family:"Epilogue",var(--font-body);font-weight:400;font-size:16px;line-height:1.5;color:rgba(255,255,255,0.7)}
.sd-incl__grid{flex:1;min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:24px}
.sd-incl__card{border:1px solid rgba(255,255,255,0.2);padding:24px;display:flex;flex-direction:column;gap:16px}
.sd-incl__icon{width:60px;height:60px;display:block;object-fit:contain;margin-bottom:24px}
.sd-incl__ct{margin:0;font:var(--fw-halbfett) 20px/1.2 var(--font-display);letter-spacing:-0.4px;color:#FFFFFF}
.sd-incl__cd{margin:0;font-family:"Epilogue",var(--font-body);font-weight:400;font-size:16px;line-height:1.5;color:rgba(255,255,255,0.7)}

/* 5 — Why Future Advisory (white) */
.sd-why{background:#FFFFFF;padding:120px 0 60px}
.sd-why__h{margin:0;flex:0 0 453px;max-width:453px;font:var(--fw-halbfett) 48px/1 var(--font-display);letter-spacing:-1.44px;color:#050E1E}
.sd-why__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px}
.sd-why__body p{margin:0;font-family:"Epilogue",var(--font-body);font-weight:400;font-size:20px;line-height:1.5;color:#050E1E}

/* 6 — FAQ (reused Pricing/Contact accordion) */
.sd-faq{padding:120px 0;background:#F6F6F6}
.sd-faq__grid{display:grid;grid-template-columns:335px 1fr;gap:138px;align-items:start}
.sd-faq__left{display:flex;flex-direction:column;gap:24px;align-items:flex-start}
.sd-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}
.sd-faq__sub{margin:0;font-family:"Epilogue",var(--font-body);font-weight:400;font-size:16px;line-height:1.5;color:#050E1E}
.sd-faq .as-faq__q span{font-size:18px}

/* Tablet */
@media (max-width:1199px){
  .sd-hero__h1{font-size:48px;letter-spacing:-1.4px}
  .sd-hero__gif{width:320px;height:320px}
  .sd-trust__row{flex-wrap:wrap;gap:12px 24px}
  .sd-trust__item{flex:1 1 45%}
  .sd-two{flex-direction:column;gap:32px}
  .sd-who__h,.sd-incl__left,.sd-why__h{flex:none;max-width:none;width:100%}
  .sd-who,.sd-incl{padding:80px 0}
  .sd-why{padding:80px 0 40px}
  .sd-faq{padding:80px 0}
  .sd-faq__grid{grid-template-columns:1fr;gap:32px}
}
/* Saved design service blocks use this served layout asset too. */
@media (max-width:1199px){
  .single-service :is(.fa-saved-design--text-panel,.fa-saved-design--feature-cards) .fa-saved-split{
    grid-template-columns:minmax(0,1fr);
    gap:32px;
  }
}
/* Mobile */
@media (max-width:767px){
  .sd-hero{padding:60px 0}
  .sd-hero__h1{font-size:34px;letter-spacing:-1px}
  .sd-hero__sub{font-size:17px}
  .sd-hero__gif{width:240px;height:240px;margin-top:32px}
  .sd-trust__item{flex:1 1 100%;text-align:center}
  .sd-who,.sd-incl{padding:60px 0}
  .sd-why{padding:60px 0 32px}
  .sd-incl__grid{grid-template-columns:1fr}
  .sd-faq{padding:60px 0}
  .sd-incl__h,.sd-who__h,.sd-why__h{font-size:36px;letter-spacing:-1px}
}