/* Shared styles for service detail pages — AlahiTax ribbon theme */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Arial, sans-serif; line-height: 1.6; color: #333; }
.top-bar {
  display: flex;
  height: 18px;
  background: #ffffff;
  gap: 7px;
}
.top-bar .seg { display: block; height: 100%; }
.top-bar .seg-g { flex: 3; background: #88c044; }
.top-bar .seg-lb { flex: 7; background: #40a0dc; }
.top-bar .seg-b { flex: 20; background: #4084cc; }
.top-bar .seg-g:not(.seg-r) { clip-path: polygon(0 0, 100% 0, calc(100% - 9px) 100%, 0 100%); }
.top-bar .seg-lb:not(.seg-r) { clip-path: polygon(9px 0, 100% 0, calc(100% - 9px) 100%, 0 100%); }
.top-bar .seg-b { clip-path: polygon(9px 0, calc(100% - 9px) 0, 100% 100%, 0 100%); }
.top-bar .seg-lb.seg-r { clip-path: polygon(0 0, calc(100% - 9px) 0, 100% 100%, 9px 100%); }
.top-bar .seg-g.seg-r { clip-path: polygon(9px 0, 100% 0, 100% 100%, 0 100%); }
header { background: #fff; padding: 16px 40px; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 100; box-shadow: 0 2px 8px rgba(0,0,0,.06); }
header .logo img { height: 42px; }
header nav a { margin: 0 .9rem; text-decoration: none; color: #2a2a29; font-weight: bold; }
header nav a:hover { color: #086eda; }
.btn { display: inline-block; background: #0056b3; color: #fff; font-weight: bold; padding: .8rem 1.8rem; border-radius: 999px; text-decoration: none; transition: transform .25s, background .25s; }
.btn:hover { background: #1e3a5f; transform: scale(1.04); }
.btn-green { background: #34a853; }
.btn-green:hover { background: #2b8f46; }
.svc-hero { position: relative; overflow: hidden; background: #1e3a5f; color: #fff; padding: 4rem 2rem; text-align: center; }
.svc-hero h1 { font-size: 2.4rem; margin-bottom: .6rem; position: relative; z-index: 2; }
.svc-hero p.tag { color: #9fd8ff; font-size: 1.2rem; position: relative; z-index: 2; }



.wrap { max-width: 960px; margin: 0 auto; padding: 3rem 1.5rem; }
.wrap h2 { color: #1e3a5f; font-size: 1.6rem; margin: 0 0 1rem; }
.included { list-style: none; margin: 0 0 2.5rem; }
.included li { background: #f2f7fe; border-left: 5px solid #005cb9; border-radius: 8px; padding: .9rem 1.2rem; margin-bottom: .7rem; }
.included li strong { color: #1e3a5f; }
.price-note { color: #0056b3; font-weight: bold; }
.steps { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-bottom: 2.5rem; }
.step { flex: 1 1 220px; background: #fff; border: 2px solid #d7e8fb; border-radius: 12px; padding: 1.3rem; }
.step .num { display: inline-block; background: #005cb9; color: #fff; font-weight: bold; width: 34px; height: 34px; line-height: 34px; text-align: center; border-radius: 50%; margin-bottom: .6rem; }
.step h3 { color: #1e3a5f; font-size: 1.05rem; margin-bottom: .3rem; }
.step p { font-size: .95rem; }
.disclaimer { background: #fff8e6; border: 1px solid #f0d27a; border-radius: 10px; padding: 1rem 1.3rem; margin-bottom: 2.5rem; font-size: .95rem; }
.cta-band { position: relative; overflow: hidden; background: #e6f2ff; text-align: center; padding: 3rem 1.5rem; }
.cta-band h2 { margin-bottom: .5rem; }
.cta-band p { margin-bottom: 1.4rem; }
.cta-band .btn { margin: .3rem; }
footer.site { background: #1e3a5f; color: #d7e8fb; text-align: center; padding: 2rem 1.5rem; font-size: .92rem; }
footer.site a { color: #9fd8ff; }
footer.site .name { color: #fff; font-weight: bold; font-size: 1.05rem; margin-bottom: .3rem; }
@media (max-width: 700px) { header { padding: 12px 16px; } header nav { display: none; } .svc-hero h1 { font-size: 1.8rem; } }