/* v2：品牌首頁＋企業／個人分頁 */
#site-nav a[aria-current=page]{background:var(--green-100);color:var(--green-900)}
#site-nav .nav-cta[aria-current=page]{background:var(--green-900);color:#fff}
.hero-v2 .hero-grid{grid-template-columns:1fr;gap:40px;padding-block:80px 88px}
.hero-v2 .hero-copy{max-width:860px}
.entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.entry-card{position:relative;display:flex;flex-direction:column;padding:34px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s}
.entry-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--green-200)}
.entry-card.biz{background:linear-gradient(160deg,var(--green-900),var(--green-950));border-color:var(--green-900);color:#dfe9e3}
.entry-card.biz h2{color:#fff}
.entry-card.biz .a-tag{color:var(--gold-400);background:rgba(196,154,85,.14)}
.entry-card.biz .entry-meta,.entry-card.biz .entry-meta>div{border-color:rgba(255,255,255,.14)}
.entry-card.biz .entry-meta dt{color:var(--gold-400)}
.entry-card.biz .entry-meta dd{color:#c9d8cf}
.entry-card.biz .a-link{color:#fff}
.entry-card h2{font-size:clamp(22px,2.3vw,28px);line-height:1.45;margin:0 0 12px}
.entry-card>p{font-size:15px;color:var(--muted);margin-bottom:18px}
.entry-card.biz>p{color:#bdd0c5}
.entry-meta{margin:0 0 20px;border-top:1px solid var(--line)}
.entry-meta>div{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.entry-meta dt{font-size:13px;font-weight:700;color:var(--gold)}
.entry-meta dd{margin:0;font-size:14px;color:var(--ink-2)}
.entry-card .a-link{margin-top:auto}
.entry-card .a-link .ico{transition:transform .2s}
.entry-card:hover .a-link .ico{transform:translateX(4px)}

.compare{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;font-size:15px;box-shadow:var(--shadow-sm)}
.compare th,.compare td{padding:16px 20px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.compare tr:last-child th,.compare tr:last-child td{border-bottom:0}
.compare thead th{background:var(--green-900);color:#fff;font-size:15px}
.compare thead th:first-child{background:var(--green-950)}
.compare tbody th{width:150px;font-size:14px;color:var(--green-800);background:var(--green-50)}
.compare td{color:var(--ink-2)}
.compare .end td{font-weight:700;color:var(--ink)}

.page-hero{padding-block:72px 64px;position:relative;overflow:hidden;background:radial-gradient(800px 420px at 90% 0%,rgba(196,154,85,.14),transparent 60%),radial-gradient(700px 420px at 0% 100%,rgba(43,94,82,.10),transparent 60%)}
.crumb{font-size:13px;color:var(--muted);margin-bottom:18px}
.crumb a{text-decoration:underline;text-underline-offset:3px}
.page-hero h1{font-size:clamp(30px,4vw,50px)}
.page-hero .lead{max-width:700px}
.badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}
.badges span{font-size:13px;font-weight:500;padding:6px 14px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--ink-2)}

.fit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.fit-col{padding:30px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface)}
.fit-col.yes{border-top:4px solid var(--green-700)}
.fit-col.no{border-top:4px solid var(--gold-400);background:#fdfbf6}
.fit-col h3{font-family:var(--serif);font-size:22px;margin-bottom:14px}
.fit-col ul{margin:0;padding:0;list-style:none}
.fit-col li{position:relative;padding:10px 0 10px 32px;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink-2)}
.fit-col li:last-child{border-bottom:0}
.fit-col li:before{position:absolute;left:0;top:12px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}
.fit-col.yes li:before{content:"\2713";background:var(--green-100);color:var(--green-700)}
.fit-col.no li:before{content:"\2013";background:var(--gold-100);color:var(--gold)}
.priority{margin-top:20px;padding:18px 22px;border-radius:var(--radius-sm);background:var(--green-100);border:1px solid var(--green-200);font-size:15px;color:var(--ink-2)}
.priority strong{color:var(--green-900)}

.package{display:grid;grid-template-columns:1fr 1.4fr;gap:32px;align-items:start;padding:36px;border-radius:20px;background:linear-gradient(160deg,var(--green-900),var(--green-950));color:#dfe9e3;box-shadow:var(--shadow)}
.package h3{font-family:var(--serif);font-size:26px;color:#fff;margin-bottom:12px}
.package>div>p{font-size:15px;color:#bdd0c5}
.pk-tag{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;color:var(--gold-400);background:rgba(196,154,85,.14);padding:4px 12px;border-radius:999px;margin-bottom:14px}
.package ol{margin:0;padding:0;list-style:none;display:grid;gap:12px;counter-reset:pk}
.package li{counter-increment:pk;display:grid;grid-template-columns:40px 1fr;gap:14px;padding:16px 18px;border-radius:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.package li:before{content:counter(pk,decimal-leading-zero);font-family:var(--serif);font-size:20px;font-weight:700;color:var(--gold-400)}
.package li strong{display:block;color:#fff;font-size:16px}
.package li span{font-size:14px;color:#bdd0c5}
.pk-note{margin-top:16px;font-size:14px;color:#bdd0c5;border-top:1px solid rgba(255,255,255,.12);padding-top:14px}

.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--shadow-sm)}
.flow-col{padding:26px 22px;border-right:1px solid var(--line)}
.flow-col:last-child{border-right:0;background:var(--green-50)}
.flow-col h3{font-size:16px;display:flex;align-items:center;gap:10px;margin-bottom:12px}
.flow-col h3 span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--green-900);color:#fff;font-size:13px;flex:none}
.flow-col.who-you h3 span{background:var(--gold-400);color:var(--green-950)}
.flow-col.end-col h3 span{background:var(--green-700)}
.flow-col ul{margin:0;padding-left:18px;font-size:14px;color:var(--ink-2)}
.flow-col li{margin-bottom:6px}
.flow-col p{font-size:14px;color:var(--ink-2);margin:0 0 8px}

.notice{padding:30px;border-radius:var(--radius);background:var(--gold-100);border:1px solid #e6d6b5}
.notice h3{font-family:var(--serif);font-size:22px;margin-bottom:8px}
.notice>p{font-size:15px;color:var(--ink-2)}
.notice ul{margin:14px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.notice li{padding:16px 18px;background:var(--surface);border-radius:var(--radius-sm);font-size:15px;color:var(--ink-2)}
.notice li strong{display:block;color:var(--ink);margin-bottom:2px}
.notice li a{font-size:13px;color:var(--green-800);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}

.tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.tier-card{padding:32px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.tier-card.off{background:#f6f5f0;border-style:dashed;box-shadow:none}
.tier-state{display:inline-block;font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px;margin-bottom:14px}
.tier-state.on{background:var(--green-100);color:var(--green-700)}
.tier-state.wait{background:var(--gold-100);color:var(--gold)}
.tier-card h3{font-family:var(--serif);font-size:24px;margin-bottom:6px}
.tier-card .q{font-size:15px;color:var(--muted);margin-bottom:16px}
.tier-card ul{margin:0 0 16px;padding-left:20px;font-size:15px;color:var(--ink-2)}
.tier-card li{margin-bottom:6px}
.tier-end{font-size:14px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--green-50);color:var(--ink-2);margin:0}
.tier-card.off .tier-end{background:#fff}

.mini-verify{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:start}
.mini-steps{margin:0;padding:0;list-style:none;display:grid;gap:12px}
.mini-steps li{display:grid;grid-template-columns:36px 1fr;gap:14px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:15px;color:var(--ink-2)}
.mini-steps li>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--green-900);color:#fff;font-family:var(--serif);font-weight:700}
.mini-steps strong{display:block;color:var(--ink)}

@media (max-width:960px){
  .entry-grid,.fit-grid,.tier-grid,.mini-verify,.package{grid-template-columns:1fr}
  .flow{grid-template-columns:1fr 1fr}
  .flow-col:nth-child(2){border-right:0}
  .flow-col:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
@media (max-width:640px){
  .entry-card,.fit-col,.tier-card,.notice{padding:22px}
  .package{padding:24px}
  .entry-meta>div{grid-template-columns:1fr;gap:2px}
  .flow{grid-template-columns:1fr}
  .flow-col{border-right:0;border-bottom:1px solid var(--line)}
  .flow-col:last-child{border-bottom:0}
  .compare thead{display:none}
  .compare,.compare tbody,.compare tr,.compare th,.compare td{display:block;width:100%}
  .compare tr{border-bottom:1px solid var(--line)}
  .compare tbody th{width:auto;padding:12px 16px 6px}
  .compare td{padding:6px 16px 10px;border:0}
  .compare td:before{content:attr(data-col);display:block;font-size:12px;font-weight:700;color:var(--gold);margin-bottom:2px}
  .page-hero{padding-block:48px 40px}
}
