.faq{max-width:820px;margin:0 auto}
.qa{background:#fff;border:1px solid var(--line);border-radius:var(--r);margin-bottom:12px;overflow:hidden;transition:.2s}
.qa .q{display:flex;align-items:center;gap:13px;padding:19px 22px;font-size:15.5px;font-weight:700;color:var(--navy);cursor:pointer}
.qa .qi{width:26px;height:26px;flex:none;border-radius:8px;background:var(--bg);display:grid;place-items:center;color:var(--slate);transition:.25s var(--ease)}
.qa .qi svg{width:14px;height:14px}
.qa.open .qi{transform:rotate(45deg);background:var(--navy);color:#fff}
.qa .a{max-height:0;overflow:hidden;transition:max-height .35s var(--ease)}
.qa .a-in{padding:0 22px 20px 61px;font-size:14px;color:var(--slate)}
.qa.open{border-color:var(--navy);box-shadow:var(--shadow-sm)}

.price-solo{max-width:640px;margin:0 auto}
.price{background:#fff;border:1.5px solid var(--line);border-radius:var(--r-lg);padding:36px;position:relative;box-shadow:var(--shadow)}
.price.feature{border-color:var(--green)}
.price .tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--green);color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;padding:5px 16px;border-radius:100px}
.price .pn{font-size:22px;font-weight:900;color:var(--navy);text-align:center;margin-top:6px}
.price .pd{text-align:center;font-size:13.5px;color:var(--slate);margin-top:6px}
.price .pp{text-align:center;margin:18px 0 22px}
.price .pp .from{font-size:17px;font-weight:800;color:var(--navy)}
.price ul{list-style:none}
.price ul.cols2{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}
.price li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ink);padding:5px 0}
.price li svg{width:15px;height:15px;color:var(--green);flex:none}
.price .btn{width:100%;justify-content:center;margin-top:24px}
.price-note{text-align:center;margin-top:18px;font-size:12.5px;color:var(--slate-2)}
@media (max-width:640px){.price ul.cols2{grid-template-columns:1fr}}

.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:20px}
.stat-c{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:26px 20px;text-align:center}
.stat-c .v{font-family:Inter;font-size:40px;font-weight:800;color:#fff;line-height:1.1}
.stat-c .v .u{font-size:18px;color:#8fd465;font-weight:800}
.stat-c .l{margin-top:6px;font-size:13.5px;font-weight:700;color:rgba(255,255,255,.85)}
.stat-c .s{margin-top:2px;font-size:11.5px;color:rgba(255,255,255,.5)}
.stat-c.hl{background:rgba(102,176,67,.16);border-color:rgba(102,176,67,.4)}
.stat-c.hl .v,.stat-c.hl .v .u{color:#8fd465}
.stats-note{margin-top:18px;text-align:center;font-size:11.5px;color:rgba(255,255,255,.45)}
@media (max-width:1024px){.stats{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.stats{grid-template-columns:1fr 1fr}.stat-c .v{font-size:30px}}

/* ===== 1018 additions: 薪資系統章節、雙方案、新功能 ===== */
.pay-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:8px}
.pay-flow .pf{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:20px 18px;position:relative}
.pay-flow .pf .n{font-family:Inter;font-weight:900;font-size:13px;color:var(--green);letter-spacing:.12em}
.pay-flow .pf h4{font-size:16px;font-weight:900;color:var(--navy);margin:6px 0 6px}
.pay-flow .pf p{font-size:13.5px;color:var(--slate);line-height:1.7}
.feat-grid2{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}
.feat2{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 20px;box-shadow:var(--shadow)}
.feat2 .fi{width:40px;height:40px;border-radius:12px;background:rgba(102,176,67,.12);color:var(--green-600);display:flex;align-items:center;justify-content:center;margin-bottom:12px}
.feat2 .fi svg{width:20px;height:20px}
.feat2 h4{font-size:16px;font-weight:900;color:var(--navy);margin-bottom:6px}
.feat2 p{font-size:13.5px;color:var(--slate);line-height:1.75}
.feat2 .tagline{display:inline-block;margin-top:10px;font-size:11.5px;font-weight:800;color:var(--navy);background:var(--bg);border-radius:100px;padding:3px 10px}
.pay-note{margin-top:22px;font-size:12.5px;color:var(--slate-2);text-align:center;line-height:1.7}
.price-duo{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:1040px;margin:0 auto;align-items:stretch}
.price-duo .price{display:flex;flex-direction:column}
.price-duo .price ul{flex:1}
.price .tag.navy{background:var(--navy)}
@media (max-width:900px){.pay-flow{grid-template-columns:1fr 1fr}.feat-grid2{grid-template-columns:1fr 1fr}.price-duo{grid-template-columns:1fr;gap:30px}}
@media (max-width:600px){.pay-flow{grid-template-columns:1fr}.feat-grid2{grid-template-columns:1fr}}
/* 導覽列獨立按鈕:首頁→薪資頁、薪資頁→稽核首頁 */
.nav .pay-btn{margin-left:auto;background:rgba(255,255,255,.14);color:#fff;border:1.5px solid rgba(255,255,255,.55);white-space:nowrap}
.nav .links + .pay-btn{margin-left:10px}
.nav .pay-btn:hover{background:#fff;color:var(--navy)}
.nav.scrolled .pay-btn{background:#fff;color:var(--navy);border-color:var(--navy)}
.nav .pay-btn .short{display:none}
@media (max-width:1180px){.nav .pay-btn .full{display:none}.nav .pay-btn .short{display:inline}}
@media (max-width:420px){.nav-in{gap:8px;padding-left:16px;padding-right:16px}.nav .pay-btn,.nav .cta{padding-left:10px;padding-right:10px;font-size:12.5px}.nav .brand .nm small{display:none}}
@media (max-width:1024px){.nav .links + .pay-btn{margin-left:auto}}
.nav .brand{flex:none}.nav .brand .nm{white-space:nowrap}
/* 導覽列:項目不准斷行;中等寬度縮小間距 */
.nav .links a{white-space:nowrap}
@media (max-width:1320px){.nav .links a{padding:9px 9px;font-size:13.5px}}

/* 1029 介紹影片 */
.intro-video{max-width:1040px;margin:0 auto;border-radius:18px;overflow:hidden;background:#0d1f33;box-shadow:0 18px 50px rgba(18,63,109,.18);aspect-ratio:16/9}
.intro-video video{display:block;width:100%;height:100%;object-fit:cover;background:#0d1f33}
.intro-note{text-align:center;margin-top:12px;font-size:13px;color:var(--muted,#6b7a8c)}
@media (max-width:640px){.intro-video{border-radius:12px}}
.intro-video{position:relative}
.intro-play{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;background:#123F6D;color:#fff;font-family:inherit;font-weight:600;font-size:16px;line-height:1;padding:14px 22px 14px 16px;border-radius:999px;box-shadow:0 10px 30px rgba(18,63,109,.35)}
.intro-play span{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#66B043;font-size:13px;padding-left:2px}
.intro-play:hover{background:#0e3359}
.intro-play{white-space:nowrap}.intro-play em{font-style:normal;font-weight:400;opacity:.85}
@media (max-width:640px){.intro-play{font-size:14px;padding:9px 16px 9px 10px;bottom:auto;top:50%;transform:translate(-50%,-50%)}.intro-play span{width:24px;height:24px}.intro-play em{display:none}}

/* 1029 開站影片浮窗 */
.vpop{position:fixed;inset:0;z-index:95;background:rgba(8,20,36,.78);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px;gap:12px}
.vpop[hidden]{display:none}
.vpop-box{position:relative;width:min(1040px,100%,calc((100vh - 140px) * 16 / 9));aspect-ratio:16/9;container-type:inline-size;background:#0d1f33;border-radius:16px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.45)}
.vpop-box video{display:block;width:100%;height:100%;object-fit:contain;background:#0d1f33;cursor:pointer}
/* 關閉鈕放在影片框外的右上方,不蓋到影片 */
.vpop-bar{width:min(1040px,100%,calc((100vh - 140px) * 16 / 9));display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:-4px}
.vpop-x{border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-family:inherit;font-size:14px;font-weight:600;padding:7px 14px;cursor:pointer}
.vpop-x:hover{background:rgba(255,255,255,.2)}
.vpop-sound{border:0;border-radius:999px;background:#66B043;color:#fff;font-family:inherit;font-weight:700;font-size:14px;padding:7px 14px;cursor:pointer;margin-right:auto}
.vpop-sound[hidden],.vpop-end[hidden]{display:none}
.vpop-end{position:absolute;inset:0;z-index:2;pointer-events:none}
/* 片尾畫面的「預約系統示範」按鈕在 1920×1080 的 x772–1148、y700–792:兩顆按鈕並排、中心對準同一列並把它蓋住 */
.vpop-cta{position:absolute;left:50%;top:69.1%;transform:translate(-50%,-50%);display:flex;gap:1.6cqw;pointer-events:auto;background:rgb(245,242,235);padding:1cqw 1.4cqw;border-radius:999px}
.vpop-b{height:4.8cqw;min-width:19.6cqw;padding:0 2.4cqw;border-radius:999px;font-family:inherit;font-weight:700;font-size:1.75cqw;letter-spacing:.06em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.8cqw;white-space:nowrap;box-shadow:0 .6cqw 1.6cqw rgba(18,63,109,.22);transition:transform .15s,background .15s}
.vpop-b1{background:#123F6D;color:#fff;border:0}.vpop-b1 span{color:#8fd16a}.vpop-b1:hover{background:#0e3359;transform:translateY(-1px)}
.vpop-b2{background:#fff;color:#123F6D;border:.18cqw solid #123F6D}.vpop-b2:hover{background:#eef3f9;transform:translateY(-1px)}
.vpop-replay{position:absolute;left:50%;top:93%;transform:translate(-50%,-50%);pointer-events:auto;border:0;background:none;color:#5d6c7e;font-family:inherit;font-size:max(12px,1.2cqw);cursor:pointer;text-decoration:underline}
.vpop-hint{color:rgba(255,255,255,.7);font-size:13px;text-align:center}
@media (max-width:640px){.vpop-box{border-radius:10px}.vpop-sound{font-size:13px;padding:6px 12px}.vpop-x{font-size:13px;padding:6px 12px}.vpop-b{font-size:12px;height:30px;min-width:0;padding:0 12px;letter-spacing:.02em}.vpop-cta{gap:8px}}
.vpop-load{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);z-index:2;display:flex;align-items:center;gap:10px;background:rgba(13,31,51,.78);color:#fff;font-size:14px;font-weight:600;padding:9px 16px;border-radius:999px}
.vpop-load[hidden]{display:none}
.vpop-load i{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:vpopSpin .8s linear infinite}
@keyframes vpopSpin{to{transform:rotate(360deg)}}
.intro-play:disabled{cursor:wait;opacity:.9}
/* 1112 GEO 重點事實卡(首頁、薪資頁 FAQ 上方) */
.facts{max-width:860px;margin:0 auto 34px;text-align:left;background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 24px 12px;box-shadow:var(--shadow)}
.facts h3{font-size:17px;font-weight:900;color:var(--navy);margin-bottom:8px}
.facts dl>div{display:grid;grid-template-columns:104px 1fr;gap:12px;padding:10px 0;border-top:1px solid var(--line-2)}
.facts dt{font-weight:800;color:var(--navy);font-size:14px}
.facts dd{font-size:14px;color:var(--slate);line-height:1.75}
.facts dd a{color:var(--green-600);font-weight:700}
@media (max-width:600px){.facts{padding:18px 16px 8px}.facts dl>div{grid-template-columns:1fr;gap:2px}}