:root{ --brand:#0ea5a7; --dark:#1f2937; }
html,body{ height:100% }
body{ font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,"PingFang SC","Microsoft YaHei","Noto Sans CJK SC",sans-serif; line-height:1.7; color:#0b1320 }
.navbar{ background:var(--dark); }
.navbar a{ color:#fff !important; }
.lang-btn{border:1px solid rgba(255,255,255,.25); border-radius:999px; padding:4px 10px; margin-left:8px; color:#fff; background:transparent}
.lang-btn.active{ background:var(--brand); border-color:var(--brand); }
.section{ padding:60px 0; }
.hero{ background:#f4fafa; padding:80px 0; text-align:center; }
.divider{ width:56px; height:3px; background:var(--brand); border-radius:3px; margin:12px auto 24px; }
.btn-brand{ background:var(--brand); border-color:var(--brand); }
.btn-brand:hover{ background:#109198; border-color:#109198; }
footer{ background:#f3f4f6; text-align:center; padding:20px 0; margin-top:40px }

/* i18n toggle — strong rules */
[data-i18n]{display:none !important;}
:root.lang-zh [data-i18n="zh"]{display:block !important;}
:root.lang-en [data-i18n="en"]{display:block !important;}

.active-link{ text-decoration:underline; text-underline-offset:6px }
.shadow-card{background:#fff; border:1px solid #e5e7eb; border-radius:12px; padding:22px}
.service-tile{display:flex; align-items:center; justify-content:center; height:110px; border-radius:16px; border:1px solid #e5e7eb; background:#fff}
.badge-soft{background:#e6fffe; color:#0b7c7c; border:1px solid #b7eeee; padding:.35rem .6rem; border-radius:999px}
.step{display:flex; align-items:flex-start; gap:12px; margin:10px 0}
.step .num{width:28px;height:28px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}

/* SVG bilingual */
svg [data-i18n]{display:none !important;}
:root.lang-zh svg [data-i18n="zh"]{display:block !important;}
:root.lang-en svg [data-i18n="en"]{display:block !important;}

/* Trust pills — no display override here */
.trust{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}
.trust .pill{padding:6px 12px;border:1px solid #e5e7eb;border-radius:999px;background:#fff}

.faq-item{border-bottom:1px solid #edf2f7; padding:14px 0}
.faq-q{cursor:pointer; font-weight:600}
.faq-a{display:none; margin-top:8px}
.review{border:1px solid #e5e7eb; border-radius:12px; padding:16px; background:#fff}

/* extra from homeplus */
.band{background:#0ea5a7;color:#fff;padding:36px 0;text-align:center;border-radius:16px}
.stat{display:flex;flex-direction:column;align-items:center;padding:12px}
.stat .n{font-size:28px;font-weight:700;color:#0ea5a7}
.light{color:#475569}
.link-arrow{text-decoration:none}
.link-arrow i{transition:transform .2s}
.link-arrow:hover i{transform:translateX(4px)}



.navbar .dropdown-menu{ 
  background:#fff; 
  border:1px solid rgba(0,0,0,.08);
  box-shadow:0 12px 24px rgba(0,0,0,.08);
  border-radius:12px;
  overflow:hidden;
}
.navbar .dropdown-item{
  color:#0b1320 !important;
  padding:.6rem 1rem;
}
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus{
  background:#f5f7f9;
  color:#0b1320 !important;
}



/* --- Dark gray nav + matching dropdown --- */
.navbar{ background:var(--dark); }
.navbar .dropdown-menu{
  background:var(--dark);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 12px 24px rgba(0,0,0,.25);
  border-radius:12px;
  overflow:hidden;
  padding:.4rem 0;
}
.navbar .dropdown-item{
  color:#fff !important;
  padding:.6rem 1rem;
}
.navbar .dropdown-item:hover,
.navbar .dropdown-item:focus{
  background:#374151; /* slightly lighter gray for hover */
  color:#fff !important;
}