:root {
  --w13-ink: #162435;
  --w13-navy: #101b28;
  --w13-navy-soft: #1a2d40;
  --w13-gold: #c18a32;
  --w13-gold-soft: #efd39b;
  --w13-paper: #f6f6f2;
  --w13-muted: #5b6875;
  --w13-line: #dcdedb;
}

.w13-home {
  margin: 0;
  background: var(--w13-paper);
  color: var(--w13-ink);
  font-family: "Noto Sans TC", sans-serif;
  letter-spacing: 0;
}

.w13-home *,
.w13-home *::before,
.w13-home *::after { box-sizing: border-box; }

.w13-nav {
  position: sticky;
  z-index: 40;
  top: 0;
  display: flex;
  min-height: 72px;
  align-items: center;
  justify-content: space-between;
  padding: 10px max(24px, calc((100% - 1180px) / 2));
  border-bottom: 1px solid rgba(255, 255, 255, 0.09);
  background: rgba(12, 20, 29, 0.96);
}

.w13-brand { display: flex; align-items: center; gap: 12px; color: #fff; text-decoration: none; }
.w13-brand > span:last-child { display: grid; gap: 1px; }
.w13-brand strong { font-size: 19px; line-height: 1.25; }
.w13-brand small { color: #d6bf91; font-size: 12px; font-weight: 700; }
.w13-logo-shell { display: grid; width: 46px; height: 46px; place-items: center; overflow: hidden; border-radius: 8px; background: #fff; }
.w13-logo-shell img { width: 100%; height: 100%; object-fit: cover; }
.w13-heading-mobile { display: none; }
.w13-links { display: flex; align-items: center; gap: 26px; }
.w13-links a { color: #e9edf0; font-size: 14px; font-weight: 700; text-decoration: none; }
.w13-links a:hover, .w13-links a:focus-visible { color: #f0ca7b; }

.w13-hero { position: relative; min-height: 660px; overflow: hidden; background: var(--w13-navy); }
.w13-hero-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 44%; }
.w13-hero-shade { position: absolute; inset: 0; background: rgba(7, 13, 19, 0.69); }
.w13-hero-inner { position: relative; display: grid; width: min(100% - 48px, 1180px); min-height: 660px; margin: 0 auto; padding: 70px 0 78px; grid-template-columns: minmax(0, 1.02fr) minmax(390px, 0.82fr); gap: 70px; align-items: center; }
.w13-hero-copy { max-width: 610px; }
.w13-kicker { margin: 0 0 12px; color: #a36f20; font-size: 13px; font-weight: 900; }
.w13-hero .w13-kicker { color: #efc875; }
.w13-hero h1 { max-width: 580px; margin: 0; color: #fff; font-family: "Noto Serif TC", serif; font-size: 48px; line-height: 1.2; }
.w13-lead { max-width: 590px; margin: 22px 0 0; color: #f0f2f3; font-size: 19px; line-height: 1.72; }
.w13-value-tags { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 24px; }
.w13-value-tags span { padding: 8px 12px; border: 1px solid rgba(239, 200, 117, 0.42); border-radius: 4px; background: rgba(13, 24, 35, 0.68); color: #f7e7c7; font-size: 14px; font-weight: 700; }
.w13-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.w13-button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 12px 20px; border: 1px solid transparent; border-radius: 6px; font-size: 15px; font-weight: 900; text-decoration: none; }
.w13-button-primary { background: #d5a044; color: #111921; }
.w13-button-primary:hover, .w13-button-primary:focus-visible { background: #e5b65e; }
.w13-button-secondary { border-color: rgba(226, 230, 233, 0.45); background: rgba(14, 25, 36, 0.72); color: #fff; }

.w13-opportunity-brief { padding: 24px; border: 1px solid rgba(238, 205, 137, 0.38); border-radius: 8px; background: rgba(12, 23, 34, 0.93); box-shadow: 0 24px 70px rgba(0, 0, 0, 0.32); }
.w13-brief-head { display: flex; align-items: start; justify-content: space-between; gap: 18px; padding-bottom: 18px; border-bottom: 1px solid rgba(255, 255, 255, 0.13); }
.w13-brief-head div { display: grid; gap: 5px; }
.w13-brief-head span { color: #e6bd6d; font-size: 13px; font-weight: 900; }
.w13-brief-head strong { color: #fff; font-size: 22px; }
.w13-brief-head small { flex: 0 0 auto; padding: 5px 7px; border-radius: 4px; background: #253a4d; color: #d7dee3; font-size: 11px; }
.w13-opportunity-brief ol { margin: 0; padding: 0; list-style: none; }
.w13-opportunity-brief li { display: grid; padding: 17px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); grid-template-columns: 34px minmax(0, 1fr); gap: 12px; }
.w13-brief-index { display: grid; width: 30px; height: 30px; place-items: center; border: 1px solid rgba(233, 194, 113, 0.45); border-radius: 4px; color: #ebc475; font-size: 11px; font-weight: 900; }
.w13-opportunity-brief li strong { color: #fff; font-size: 16px; }
.w13-opportunity-brief li p { margin: 4px 0 0; color: #cbd3d9; font-size: 14px; line-height: 1.58; }
.w13-brief-foot { margin: 16px 0 0; color: #aab5bd; font-size: 12px; line-height: 1.6; }

.w13-section { width: min(100% - 48px, 1180px); margin: 0 auto; padding: 78px 0; }
.w13-section-head { max-width: 760px; margin-bottom: 34px; }
.w13-section-head h2, .w13-agent-copy h2, .w13-decision-intro h2, .w13-contact h2 { margin: 0; color: var(--w13-ink); font-family: "Noto Serif TC", serif; font-size: 34px; line-height: 1.3; }
.w13-section-head > p:last-child { margin: 12px 0 0; color: var(--w13-muted); font-size: 16px; line-height: 1.7; }
.w13-opportunity-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.w13-opportunity-grid article, .w13-proof-grid a { overflow: hidden; border: 1px solid var(--w13-line); border-radius: 8px; background: #fff; }
.w13-opportunity-grid img { width: 100%; aspect-ratio: 16 / 10; object-fit: cover; }
.w13-opportunity-grid article > div { padding: 22px 22px 24px; }
.w13-opportunity-grid span, .w13-proof-grid span { color: #9a691e; font-size: 13px; font-weight: 900; }
.w13-opportunity-grid h3, .w13-proof-grid h3 { margin: 8px 0 0; color: var(--w13-ink); font-size: 21px; line-height: 1.4; }
.w13-opportunity-grid p, .w13-proof-grid p { margin: 8px 0 0; color: var(--w13-muted); font-size: 16px; line-height: 1.65; }

.w13-agent-band { background: #fff; }
.w13-agent-inner { display: grid; width: min(100% - 48px, 1180px); margin: 0 auto; padding: 78px 0; grid-template-columns: minmax(390px, 0.86fr) minmax(0, 1.14fr); gap: 44px; align-items: center; }
.w13-agent-photo { position: relative; min-height: 510px; margin: 0; overflow: hidden; border-radius: 8px; background: #dfe3e3; }
.w13-agent-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.w13-agent-photo figcaption { position: absolute; right: 18px; bottom: 18px; left: 18px; padding: 14px 16px; border: 1px solid rgba(238, 207, 142, 0.4); border-radius: 6px; background: rgba(13, 24, 34, 0.9); color: #fff; font-size: 15px; font-weight: 700; line-height: 1.55; }
.w13-agent-copy h2 { max-width: none; font-size: 30px; white-space: nowrap; }
.w13-agent-steps { margin: 24px 0 0; padding: 0; list-style: none; }
.w13-agent-steps li { display: grid; padding: 15px 0; border-top: 1px solid var(--w13-line); grid-template-columns: 44px minmax(0, 1fr); gap: 14px; }
.w13-agent-steps li > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 5px; background: var(--w13-ink); color: #edc77b; font-size: 12px; font-weight: 900; }
.w13-agent-steps strong { font-size: 18px; }
.w13-agent-steps p { margin: 3px 0 0; color: var(--w13-muted); font-size: 15px; line-height: 1.58; }
.w13-trust-note { margin: 18px 0 0; padding-left: 12px; border-left: 3px solid var(--w13-gold); color: #6a747d; font-size: 13px; line-height: 1.65; }

.w13-decision-band { background: var(--w13-navy); color: #fff; }
.w13-decision-inner { display: grid; width: min(100% - 48px, 1180px); margin: 0 auto; padding: 66px 0; grid-template-columns: minmax(0, 1.16fr) minmax(430px, 0.84fr); gap: 54px; align-items: center; }
.w13-decision-band .w13-kicker { color: #eac578; }
.w13-decision-band .w13-kicker span { margin-left: 8px; color: #9aabb8; font-size: 11px; }
.w13-decision-intro h2 { color: #fff; font-size: 27px; white-space: nowrap; }
.w13-decision-intro > p:last-child { margin: 14px 0 0; color: #bdc8d0; font-size: 15px; line-height: 1.65; }
.w13-decision-list { margin: 0; }
.w13-decision-list div { display: grid; padding: 16px 0; border-top: 1px solid rgba(255, 255, 255, 0.14); grid-template-columns: 86px minmax(0, 1fr); gap: 18px; }
.w13-decision-list dt { color: #e7c175; font-size: 14px; font-weight: 900; }
.w13-decision-list dd { margin: 0; color: #edf1f3; font-size: 16px; line-height: 1.58; }

.w13-results { padding-bottom: 84px; }
.w13-metric-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--w13-line); border-bottom: 1px solid var(--w13-line); }
.w13-metric-grid article { min-width: 0; padding: 25px 24px 27px; border-right: 1px solid var(--w13-line); }
.w13-metric-grid article:first-child { padding-left: 0; }
.w13-metric-grid article:last-child { border-right: 0; }
.w13-metric-grid span { color: #b17c28; font-size: 12px; font-weight: 900; }
.w13-metric-grid h3 { margin: 10px 0 0; font-size: 19px; }
.w13-metric-grid p { margin: 7px 0 0; color: var(--w13-muted); font-size: 14px; line-height: 1.58; }

.w13-capability-band { background: #e9edef; }
.w13-capability-inner { padding-top: 72px; padding-bottom: 72px; }
.w13-capability-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.w13-capability-grid article { min-width: 0; padding: 24px; border: 1px solid #d4dadd; border-radius: 8px; background: #f9faf8; }
.w13-capability-grid article > span { color: #a66f1f; font-size: 12px; font-weight: 900; }
.w13-capability-grid h3 { margin: 10px 0 0; font-size: 22px; }
.w13-capability-grid p { margin: 8px 0 18px; color: var(--w13-muted); font-size: 15px; line-height: 1.6; }
.w13-capability-grid ul { display: grid; margin: 0; padding: 0; list-style: none; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 18px; }
.w13-capability-grid li { padding: 9px 0; border-top: 1px solid #dfe3e4; font-size: 14px; font-weight: 700; }

.w13-proof-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.w13-proof-grid a { padding-bottom: 23px; color: inherit; text-decoration: none; transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease; }
.w13-proof-grid a:hover, .w13-proof-grid a:focus-visible { border-color: #b98330; box-shadow: 0 14px 30px rgba(20, 35, 48, 0.12); transform: translateY(-3px); }
.w13-proof-grid img { width: 100%; aspect-ratio: 16 / 9; margin-bottom: 19px; object-fit: cover; }
.w13-proof-grid span, .w13-proof-grid h3, .w13-proof-grid p { margin-right: 22px; margin-left: 22px; }

.w13-contact { padding: 28px 24px 74px; }
.w13-contact-inner { display: grid; width: min(100%, 1180px); margin: 0 auto; padding: 34px 38px; border: 1px solid #3a4c5d; border-radius: 8px; background: var(--w13-navy-soft); grid-template-columns: minmax(0, 1fr) auto; gap: 44px; align-items: center; }
.w13-contact .w13-kicker { color: #e9c377; }
.w13-contact h2 { max-width: 650px; color: #fff; font-size: 29px; }
.w13-contact p:last-child { max-width: 690px; margin: 10px 0 0; color: #c5cfd7; font-size: 15px; line-height: 1.65; }
.w13-contact .w13-actions { margin: 0; }
.w13-footer { display: flex; min-height: 68px; align-items: center; justify-content: space-between; gap: 20px; padding: 18px max(24px, calc((100% - 1180px) / 2)); background: #0d1620; color: #d9e0e5; }
.w13-footer strong { font-size: 14px; }
.w13-footer span { color: #9eabb5; font-size: 12px; }

@media (max-width: 980px) {
  .w13-links { gap: 14px; }
  .w13-hero-inner { grid-template-columns: 1fr; gap: 32px; }
  .w13-hero-copy { max-width: 690px; }
  .w13-opportunity-brief { max-width: 660px; }
  .w13-opportunity-grid, .w13-capability-grid, .w13-proof-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .w13-opportunity-grid article:last-child, .w13-capability-grid article:last-child, .w13-proof-grid a:last-child { grid-column: 1 / -1; }
  .w13-agent-inner { grid-template-columns: 1fr; }
  .w13-agent-photo { min-height: 430px; }
  .w13-decision-inner { grid-template-columns: 1fr; gap: 34px; }
  .w13-metric-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .w13-metric-grid article:nth-child(2) { border-right: 0; }
  .w13-metric-grid article:nth-child(-n + 2) { border-bottom: 1px solid var(--w13-line); }
  .w13-metric-grid article:nth-child(3) { padding-left: 0; }
  .w13-contact-inner { grid-template-columns: 1fr; gap: 24px; }
}

@media (max-width: 720px) {
  .w13-heading-desktop { display: none; }
  .w13-heading-mobile { display: inline; }
  .w13-nav { min-height: 64px; padding-right: 16px; padding-left: 16px; }
  .w13-links { display: none; }
  .w13-logo-shell { width: 42px; height: 42px; }
  .w13-hero { min-height: auto; }
  .w13-hero-inner { width: min(100% - 32px, 1180px); min-height: auto; padding: 58px 0 60px; }
  .w13-hero h1 { font-size: 35px; line-height: 1.22; }
  .w13-lead { margin-top: 18px; font-size: 17px; line-height: 1.68; }
  .w13-value-tags { margin-top: 20px; }
  .w13-opportunity-brief { padding: 20px; }
  .w13-brief-head strong { font-size: 19px; }
  .w13-section, .w13-agent-inner, .w13-decision-inner { width: min(100% - 32px, 1180px); padding-top: 58px; padding-bottom: 58px; }
  .w13-section-head { margin-bottom: 26px; }
  .w13-section-head h2 { font-size: 28px; line-height: 1.38; }
  .w13-agent-copy h2, .w13-decision-intro h2 { font-size: 22px; line-height: 1.35; white-space: nowrap; }
  .w13-opportunity-grid, .w13-capability-grid, .w13-proof-grid { grid-template-columns: 1fr; }
  .w13-opportunity-grid article:last-child, .w13-capability-grid article:last-child, .w13-proof-grid a:last-child { grid-column: auto; }
  .w13-agent-photo { min-height: 360px; }
  .w13-agent-photo figcaption { font-size: 14px; }
  .w13-decision-inner { gap: 28px; }
  .w13-decision-list div { grid-template-columns: 72px minmax(0, 1fr); }
  .w13-metric-grid { grid-template-columns: 1fr; }
  .w13-metric-grid article, .w13-metric-grid article:first-child, .w13-metric-grid article:nth-child(3) { padding: 20px 0; border-right: 0; border-bottom: 1px solid var(--w13-line); }
  .w13-metric-grid article:last-child { border-bottom: 0; }
  .w13-capability-grid article { padding: 22px; }
  .w13-contact { padding: 18px 16px 56px; }
  .w13-contact-inner { padding: 28px 22px; }
  .w13-contact h2 { font-size: 26px; }
  .w13-footer { display: grid; justify-content: start; padding: 20px 16px; }
}

@media (max-width: 520px) {
  .w13-brand small { display: none; }
  .w13-hero h1 { font-size: 32px; }
  .w13-actions { display: grid; grid-template-columns: 1fr; }
  .w13-button { width: 100%; }
  .w13-value-tags { display: grid; grid-template-columns: 1fr; }
  .w13-value-tags span { text-align: center; }
  .w13-brief-head { display: grid; }
  .w13-agent-photo { min-height: 320px; }
  .w13-capability-grid ul { grid-template-columns: 1fr; }
}