/* ============================================================
   Shopto VIP v4 — 高張力銷售層 (overrides v2/v3)
   目標：大圖大數字、強對比、稀缺急迫、情緒鉤子 → 衝動加入
   ============================================================ */

/* ---- 放大整體字級與力度 ---- */
.h-lg{font-size:clamp(30px,4.8vw,54px);letter-spacing:-.02em}
.sec-head{max-width:1000px}
.sec-head .lead{font-size:clamp(16px,1.3vw,19px)}
.kicker{font-size:13px;letter-spacing:.2em}

/* ============================================================
   HERO — 深色戲劇感 + 稀缺急迫
   ============================================================ */
.hero2{
  background:
    radial-gradient(1200px 600px at 78% 18%, rgba(217,174,78,.20), transparent 55%),
    radial-gradient(900px 500px at 8% 90%, rgba(35,54,80,.7), transparent 60%),
    linear-gradient(160deg,#0d1a30 0%,#0f1e37 55%,#0b1729 100%);
  overflow:hidden;
}
.hero2-grid{padding-top:clamp(40px,5vw,72px);padding-bottom:clamp(48px,5vw,80px)}
.hero2 .kicker{color:var(--gold-400)}
.hero2 .kicker::before{background:var(--gold-400)}
.hero2 h1{color:#fff;font-size:clamp(34px,5.2vw,64px);line-height:1.12}
.hero2 h1 em{color:var(--gold-400)}
.hero2 h1 .row2{color:#e7c986;font-size:.6em}
.hero2-copy p{color:#aeb9c9}
.hero2 .btn2.ghost{color:#eaf0f7;border-color:rgba(255,255,255,.26);background:transparent}
.hero2 .btn2.ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5)}

/* 稀缺急迫徽章 */
.urg{
  display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;
  font-size:13.5px;font-weight:800;color:#ffd98a;letter-spacing:.02em;
  background:rgba(217,174,78,.1);border:1px solid rgba(217,174,78,.4);
  padding:8px 15px;border-radius:999px;
}
.urg .dot{width:8px;height:8px;border-radius:50%;background:#f0b93f;box-shadow:0 0 0 0 rgba(240,185,63,.6);animation:pulse 1.8s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(240,185,63,.55)}70%{box-shadow:0 0 0 9px rgba(240,185,63,0)}100%{box-shadow:0 0 0 0 rgba(240,185,63,0)}}
@media(prefers-reduced-motion:reduce){.urg .dot{animation:none}}

/* 影片框在深色底上要更跳 */
.hero2 .vslot{border:1px solid rgba(217,174,78,.35);box-shadow:0 30px 80px rgba(0,0,0,.5),0 0 0 1px rgba(217,174,78,.15)}

/* ---- 更有力的 CTA（金色光暈 + 箭頭）---- */
.btn2{padding:16px 30px;font-size:16px;box-shadow:0 8px 24px rgba(169,119,43,.35)}
.btn2:not(.ghost)::after{content:"→";margin-left:2px;font-weight:900;transition:transform .2s var(--ease)}
.btn2:not(.ghost):hover{box-shadow:0 14px 34px rgba(217,174,78,.5)}
.btn2:not(.ghost):hover::after{transform:translateX(4px)}
.btn2.sm{padding:11px 20px;font-size:14px}
.btn2.sm::after{display:none}

/* ============================================================
   痛點區 — 更有情緒張力
   ============================================================ */
#pains .h-lg b{color:var(--gold-600)}
.pain{border-left:3px solid transparent}
.pain:hover{border-left-color:#c2453c}
.pain-foot{font-size:clamp(17px,2vw,22px);font-weight:800}

/* ============================================================
   數字 — 放到最大 + 滾動計數
   ============================================================ */
.ms-stats{margin-bottom:64px;background:rgba(255,255,255,.1)}
.ms-cell{padding:clamp(30px,4vw,48px) 20px}
.ms-cell .num{font-size:clamp(36px,5vw,60px)}
.ms-cell .num s{font-size:.55em}
.ms-cell .lab{font-size:14px;margin-top:14px}

/* ============================================================
   真實案例 — 成效數字放大、變成主角
   ============================================================ */
.case-result{
  margin-top:auto;padding:16px 18px;border-top:none;border-radius:12px;
  background:linear-gradient(90deg,rgba(47,138,91,.1),rgba(47,138,91,.03));
  align-items:baseline;
}
.case-result .m{font-size:clamp(28px,3.4vw,38px);text-shadow:0 1px 0 rgba(47,138,91,.15)}
.case-result .ml{font-size:13.5px;font-weight:700}
.case-type{background:var(--gold-500);color:#241a06;font-weight:900}

/* ============================================================
   FAQ 區塊標題 accent
   ============================================================ */
#faq .h-lg b{color:var(--gold-600)}

/* ============================================================
   Sticky CTA — 稀缺急迫強化
   ============================================================ */
.cta2{border-top:2px solid var(--gold-500)}
.cta2-txt b{font-size:16.5px}
.cta2-txt b .flame{color:#f0b93f}
.cta2 .btn2{box-shadow:0 6px 20px rgba(217,174,78,.45)}

/* 進場：讓 reveal 更明顯一點（大位移） */
.js-reveal .rv{transform:translateY(34px)}

/* ============================================================
   活動實況相片牆（真實線下活動花絮）
   ============================================================ */
.actshow{margin-top:48px}
.actshow-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.actshow-head b{font-size:clamp(18px,2vw,23px);font-weight:900;color:var(--ink-900)}
.actshow-head b .sub{display:block;font-size:14px;font-weight:600;color:var(--ink-500);margin-top:4px}
.actshow-head a{font-size:14.5px;font-weight:800;color:var(--gold-600);white-space:nowrap}
.actshow-head a:hover{text-decoration:underline}
.actshow-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:14px}
.actshow-grid figure{position:relative;margin:0;border-radius:14px;overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow-sm);background:var(--paper-3)}
.actshow-grid figure.big{grid-column:span 2;grid-row:span 2;aspect-ratio:auto}
/* 置中放大 + 往下位移：把四邊粉紅外框整圈裁掉，底部 logo 帶多裁一點 */
.actshow-grid img{width:100%;height:100%;object-fit:cover;transform:translateY(5%) scale(1.22);transition:transform .55s var(--ease)}
.actshow-grid figure:hover img{transform:translateY(5%) scale(1.28)}
.actshow-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 14px 13px;color:#fff;font-weight:800;font-size:14.5px;background:linear-gradient(transparent,rgba(11,20,35,.85))}
.actshow-grid a.play{position:absolute;inset:0;display:block}
@media(max-width:820px){.actshow-grid{grid-template-columns:repeat(2,1fr)}.actshow-grid figure.big{grid-column:span 2;grid-row:span 1;aspect-ratio:16/10}}
@media(max-width:520px){.actshow-grid{grid-template-columns:1fr}.actshow-grid figure.big{grid-column:span 1}}

/* ============================================================
   中文標題/內文斷行優化：平衡每行長度、避免孤字落單
   ============================================================ */
.h-xl, .h-lg, .h-md,
.hero2 h1, .help-body h3, .cycle2-card h3,
.mem2-copy h2, .epi2 h2, .media2-head h3,
.actshow-head b {
  text-wrap: pretty;
}
.sec-head .lead, .hero2-copy p, .pain p,
.help-body p, .extra p, .case-body p,
.faq .fa, .proc-step p, .pain-foot {
  text-wrap: pretty;
}

/* ============================================================
   借 projectnvwa 架構：中段 CTA 帶 + 適合/不適合 資格區
   ============================================================ */
.ctaband{background:linear-gradient(135deg,var(--ink-800),var(--ink-900));padding:clamp(34px,4vw,54px) 0;position:relative;overflow:hidden}
.ctaband::before{content:"";position:absolute;top:-40%;right:6%;width:40%;height:180%;background:radial-gradient(circle,rgba(217,174,78,.18),transparent 70%);pointer-events:none}
.ctaband-in{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;position:relative}
.ctaband b{display:block;color:#fff;font-size:clamp(19px,2.4vw,28px);font-weight:900;line-height:1.4;text-wrap:balance}
.ctaband b em{font-style:normal;color:var(--gold-400)}
.ctaband span{display:block;color:var(--ink-300);font-size:14.5px;margin-top:10px}
.ctaband .btn2{flex:none}
@media(max-width:640px){.ctaband-in{flex-direction:column;align-items:flex-start}}

.fit2{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.fit-col{border-radius:16px;padding:clamp(26px,3vw,34px);border:1px solid var(--line)}
.fit-col.yes{background:linear-gradient(180deg,var(--gold-050),#fff);border-color:var(--gold-400)}
.fit-col.no{background:var(--paper-2)}
.fit-col h3{margin:0 0 20px;font-size:20px;font-weight:900;color:var(--ink-900)}
.fit-col.yes h3{color:var(--gold-600)}
.fit-col ul{list-style:none;margin:0;padding:0;display:grid;gap:15px}
.fit-col li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px;line-height:1.6;color:var(--ink-700)}
.fit-col.no li{color:var(--ink-500)}
.fit-col .mk{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;margin-top:1px;font-weight:900;font-size:13px}
.fit-col.yes .mk{background:#e3f3ea;color:#2f8a5b}
.fit-col.no .mk{background:#eef1f6;color:var(--ink-400)}
.fit-col .mk svg{width:15px;height:15px}
@media(max-width:760px){.fit2{grid-template-columns:1fr}}

/* 交付清單：具體會得到什麼 */
.help-gets{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
.help-gets .hg-title{display:block;font-size:12.5px;font-weight:800;letter-spacing:.08em;color:var(--gold-600);margin-bottom:12px}
.help-gets ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.help-gets li{display:flex;gap:9px;align-items:flex-start;font-size:14.5px;color:var(--ink-700);line-height:1.55}
.help-gets li svg{flex:none;width:16px;height:16px;color:#2f8a5b;margin-top:2px}

/* ============================================================
   聯盟怎麼幫：改成 3 欄「圖在上」卡片（取代上下交錯大卡）
   ============================================================ */
.helps{grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.help{display:flex;flex-direction:column;transition:transform .28s var(--ease),box-shadow .28s var(--ease)}
.help:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.help:nth-child(even) .help-fig{order:0}
.help-fig{aspect-ratio:16/10;width:100%;flex:none}
.help-fig img{width:100%;height:100%;object-fit:cover;min-height:0}
.help-body{padding:24px 24px 28px;display:flex;flex-direction:column;flex:1}
.help-body h3{font-size:20px;margin-bottom:10px}
.help-tag .n{background:var(--ink-900);color:var(--gold-400)}
@media(max-width:900px){.helps{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}.help-fig{aspect-ratio:16/9}}

/* 聯盟怎麼幫卡片精簡：清單直接接在大標下、拿掉分隔線 */
.help-gets{margin-top:16px;padding-top:0;border-top:none}
.help-gets .hg-title{margin-bottom:14px}
.help-body h3{margin-bottom:6px}

/* ============================================================
   聯盟怎麼幫：bento 節奏（第一張放大橫式、後兩張直式並排）破單調
   ============================================================ */
.helps{grid-template-columns:1fr 1fr}
.help:first-child{grid-column:1 / -1;flex-direction:row}
.help:first-child .help-fig{flex:0 0 48%;aspect-ratio:auto;min-height:300px}
.help:first-child .help-body{justify-content:center;padding:clamp(28px,3.4vw,48px)}
.help:first-child .help-tag .n{width:34px;height:34px;font-size:15px;border-radius:9px}
.help:first-child h3{font-size:clamp(23px,2.6vw,30px)}
.help:first-child .help-gets li{font-size:15.5px}
@media(max-width:820px){
  .helps{grid-template-columns:1fr;max-width:520px;margin-left:auto;margin-right:auto}
  .help:first-child{grid-column:auto;flex-direction:column}
  .help:first-child .help-fig{flex:none;aspect-ratio:16/10;min-height:0}
}

/* ============================================================
   聯盟怎麼幫：無卡片・編輯雜誌式（大圖＋大留白＋大編號＋細線）
   ============================================================ */
.helps{display:block}
.help{
  display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(30px,5vw,72px);align-items:center;
  background:none;border:none;box-shadow:none;border-radius:0;
  border-top:1px solid var(--line);padding:clamp(40px,5vw,66px) 0;
}
.help:hover{transform:none;box-shadow:none}
.help:first-child{border-top:none;grid-column:auto}
.help:nth-child(even){grid-template-columns:1.18fr .82fr}
.help:nth-child(even) .help-fig{order:2}
.help-fig{border-radius:22px;aspect-ratio:4/3;min-height:0;box-shadow:0 22px 50px rgba(15,30,55,.10)}
.help-fig img{transform:none}
.help-body{padding:0}
.help-tag{display:flex;align-items:center;gap:12px;color:var(--ink-400)}
.help-tag .n{width:auto;height:auto;background:none;color:var(--gold-500);font-size:clamp(34px,4vw,46px);font-weight:900;border-radius:0;line-height:1;letter-spacing:-.02em}
.help-body h3{font-size:clamp(24px,2.9vw,34px);margin:16px 0 20px}
.help-gets{margin-top:0}
@media(max-width:760px){
  .help,.help:nth-child(even){grid-template-columns:1fr;gap:20px;padding:34px 0}
  .help:nth-child(even) .help-fig{order:0}
  .help-fig{aspect-ratio:16/10}
}

/* 修正：讓第一列與其他列一致（覆蓋前面 bento 的 first-child 設定）*/
.help:first-child .help-fig{aspect-ratio:4/3;min-height:0}
.help:first-child .help-body{padding:0;justify-content:normal}
.help:first-child .help-tag .n{width:auto;height:auto;background:none;border-radius:0;color:var(--gold-500);font-size:clamp(34px,4vw,46px);font-weight:900}
.help:first-child h3{font-size:clamp(24px,2.9vw,34px)}

/* ============================================================
   聯盟怎麼幫：服務名放大、交付清單放大＋綠色圓圈勾
   ============================================================ */
.help-tag{font-size:clamp(17px,1.9vw,21px);font-weight:800;color:var(--ink-900);align-items:center;gap:14px}
.help-gets{display:grid;gap:15px}
.help-gets .hg-title{font-size:13px;letter-spacing:.08em;color:var(--gold-600);margin-bottom:16px}
.help-gets li{font-size:clamp(15.5px,1.5vw,17px);gap:13px;color:var(--ink-800);align-items:center;font-weight:500}
.help-gets li svg{width:26px;height:26px;padding:6px;border-radius:50%;background:#e3f3ea;color:#2f8a5b;box-sizing:border-box;stroke-width:2.6}

/* ============================================================
   市價 vs 聯盟會員價 對照表
   ============================================================ */
.cmp-wrap{overflow-x:auto;border-radius:16px;box-shadow:var(--shadow-md);background:#fff;border:1px solid var(--line)}
.cmp{width:100%;border-collapse:collapse;min-width:540px}
.cmp th,.cmp td{padding:16px 22px;text-align:right;font-size:15.5px;white-space:nowrap}
.cmp th:first-child,.cmp td:first-child{text-align:left;white-space:normal}
.cmp thead th{background:var(--ink-900);color:#fff;font-weight:800;font-size:14.5px}
.cmp thead th.hl{background:var(--gold-500);color:#241a06}
.cmp tbody tr{border-top:1px solid var(--line)}
.cmp tbody tr:nth-child(even){background:var(--paper-2)}
.cmp td.nm{font-weight:700;color:var(--ink-900)}
.cmp td.mkt{color:var(--ink-400);text-decoration:line-through;font-weight:600}
.cmp td.al{color:var(--gold-600);font-weight:900;font-size:17px;background:var(--gold-050)}
.cmp-note{margin-top:16px;font-size:13px;color:var(--ink-400);text-align:center;line-height:1.7}
.cmp-cta{text-align:center;margin-top:28px}

/* ============================================================
   對照表升級：精緻雙欄・金色高亮欄・大加總（取代陽春表格）
   ============================================================ */
.cmp-wrap{overflow-x:auto;border-radius:20px;box-shadow:var(--shadow-lg);background:#fff;border:1px solid var(--line)}
.cmp{width:100%;border-collapse:separate;border-spacing:0;min-width:560px}
.cmp th,.cmp td{padding:17px 26px;text-align:right;font-size:16px;border:none}
.cmp th:first-child,.cmp td:first-child{text-align:left}

.cmp thead th{background:var(--ink-900);color:#aeb9c9;font-weight:700;font-size:13.5px;letter-spacing:.03em;padding:20px 26px}
.cmp thead th:first-child{color:#fff;font-weight:800;font-size:15px}
.cmp thead th.hl{background:linear-gradient(180deg,#e8c266,var(--gold-500));color:#241a06;font-weight:900;font-size:15px}
.cmp-tag{display:inline-block;background:var(--ink-900);color:var(--gold-400);font-size:11px;font-weight:800;padding:3px 9px;border-radius:999px;margin-left:6px;vertical-align:middle;letter-spacing:.02em}

.cmp tbody td{border-top:1px solid var(--line)}
.cmp tbody tr:hover td{background:#fbfaf6}
.cmp td.nm{color:var(--ink-900);font-weight:700}
.cmp td.mkt{color:var(--ink-600);font-weight:700;text-decoration:none}
.cmp td.al{background:var(--gold-050);color:var(--ink-400);font-weight:600}
.cmp tbody tr:hover td.al{background:#f6ebd2}
.cmp td.al s{text-decoration:line-through}

.cmp tfoot .cmp-total td{border-top:2px solid var(--ink-900);padding-top:24px;padding-bottom:24px;font-weight:900}
.cmp tfoot .cmp-total td.nm{font-size:17px;color:var(--ink-900)}
.cmp tfoot .cmp-total td.mkt{font-size:clamp(20px,2.4vw,26px);color:var(--ink-500);text-decoration:none}
.cmp tfoot .cmp-total td.al{background:linear-gradient(180deg,var(--gold-050),#fff);color:var(--gold-600);font-size:clamp(26px,3.4vw,36px);line-height:1}
.cmp tfoot .cmp-total td.al small{font-size:.46em;font-weight:800;color:var(--ink-500)}

/* 對照表衝擊金句 */
.cmp-punch{
  margin-top:26px;display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.5vw,30px);flex-wrap:wrap;text-align:center;
  background:linear-gradient(135deg,var(--ink-800),var(--ink-900));
  border:1px solid rgba(217,174,78,.32);border-radius:16px;padding:26px 30px;
}
.cmp-punch b{color:#c7d0dc;font-size:clamp(16px,2vw,21px);font-weight:800}
.cmp-punch b s{color:#7f8b9c}
.cmp-punch .cp-arrow{color:var(--gold-400);font-size:26px;font-weight:900;line-height:1}
.cmp-punch .cp-hero{color:var(--gold-400);font-size:clamp(19px,2.6vw,27px);font-weight:900}
.cmp-punch .cp-hero small{font-size:.6em;color:#c7d0dc}
@media(max-width:560px){.cmp-punch .cp-arrow{transform:rotate(90deg)}}

/* 聯盟會員價欄：改成綠色打勾（不寫價格） */
.cmp tbody td.al{text-align:center}
.cmp tbody td.al .ok{display:inline-flex;width:26px;height:26px;padding:6px;border-radius:50%;background:var(--ink-900);color:var(--gold-400);box-sizing:border-box}
.cmp tbody td.al .ok svg{width:100%;height:100%;stroke-width:2.6}

/* ============================================================
   加值：價值堆疊（每項標外面價值 + 總價值 banner）
   ============================================================ */
.stack{display:grid;gap:14px;max-width:900px;margin:0 auto}
.stack-row{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 24px;box-shadow:var(--shadow-sm);transition:transform .22s var(--ease),box-shadow .22s var(--ease)}
.stack-row:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--gold-400)}
.stack-row .eic{flex:none;width:48px;height:48px;border-radius:12px;background:var(--ink-900);color:var(--gold-400);display:grid;place-items:center}
.stack-row .eic svg{width:24px;height:24px}
.st-main{flex:1;min-width:0}
.st-main b{display:block;font-size:17.5px;font-weight:800;color:var(--ink-900)}
.st-main span{font-size:14px;color:var(--ink-500)}
.st-val{flex:none;font-size:14px;font-weight:800;color:var(--gold-600);background:var(--gold-050);border:1px solid rgba(217,174,78,.35);padding:8px 15px;border-radius:999px;white-space:nowrap}
.stack-total{max-width:900px;margin:26px auto 0;display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,20px);flex-wrap:wrap;text-align:center;background:linear-gradient(135deg,var(--ink-800),var(--ink-900));border:1px solid rgba(217,174,78,.32);border-radius:16px;padding:26px 30px}
.stack-total>span{color:#c7d0dc;font-size:clamp(15px,1.9vw,19px);font-weight:700}
.stack-total>span em{font-style:normal;color:var(--gold-400);font-weight:900}
.stack-total b{color:var(--gold-400);font-size:clamp(26px,3.6vw,40px);font-weight:900;line-height:1}
.stack-total b small{font-size:.5em}
@media(max-width:560px){.stack-row{flex-wrap:wrap}.st-main{flex:1 1 60%}.st-val{margin-left:66px}}

/* 加值 badge：外面價劃掉 + 會員價 */
.st-val.two{display:inline-flex;align-items:center;gap:9px}
.st-val.two s{color:var(--ink-400);text-decoration:line-through;font-weight:600;font-size:13px}
.st-val.two em{color:var(--gold-600);font-style:normal;font-weight:900}

/* 對照表加總：會員價下方「優惠價」小字 */
.cmp tfoot .cmp-total td.al .al-note{display:block;font-size:12px;font-weight:700;color:var(--ink-500);margin-top:5px}

/* 會員價總額：價格與「優惠價」小字乾淨分行、不疊 */
.cmp tfoot .cmp-total td.al{line-height:1.2}
.cmp tfoot .cmp-total td.al .al-price{display:block;line-height:1}
.cmp tfoot .cmp-total td.al .al-note{margin-top:8px}

/* ============================================================
   多方位行銷：精簡三欄（金線＋大編號＋一句話），取代冗長編輯式
   ============================================================ */
.helps3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(24px,3.5vw,44px)}
.help3{border-top:3px solid var(--gold-500);padding-top:20px}
.help3-n{font-size:clamp(36px,4vw,46px);font-weight:900;color:var(--gold-500);line-height:1;letter-spacing:-.02em}
.help3-name{font-size:14px;font-weight:800;color:var(--ink-400);margin:10px 0 6px}
.help3 h3{font-size:clamp(19px,2vw,23px);font-weight:900;color:var(--ink-900);margin:0 0 10px;line-height:1.35}
.help3 p{font-size:15px;color:var(--ink-500);line-height:1.75;margin:0}
@media(max-width:760px){.helps3{grid-template-columns:1fr;gap:26px}}

/* 加值 banner：自己張羅浪費 → 加入聯盟省下、創造更多 */
.stack-total .st-l{color:#aeb9c9;font-size:clamp(15px,1.8vw,19px);font-weight:700}
.stack-total .st-r{color:#fff;font-size:clamp(16px,2vw,22px);font-weight:900}
.stack-total .st-r em{font-style:normal;color:var(--gold-400)}
.stack-total .cp-arrow{color:var(--gold-400);font-size:24px;font-weight:900;line-height:1}
@media(max-width:600px){.stack-total .cp-arrow{transform:rotate(90deg)}}

/* Hero 影片框：放入實際影片 */
.vslot.has-video{display:block}
.vslot.has-video::after{display:none}
.vslot-video{width:100%;height:100%;object-fit:cover;display:block;background:#0b1729}

/* ============================================================
   加值內容：壓縮成一句話帶過的加分項（取代 .stack 大排版）
   ============================================================ */
.sec-slim{padding:calc(var(--gap) * .52) 0}
.perks-head{margin-bottom:26px}
.perks-head .kicker{margin-bottom:12px}
.perks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:1000px;margin:0 auto}
.perk{display:flex;align-items:flex-start;gap:11px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 15px}
.perk .pk-ic{flex:none;width:32px;height:32px;border-radius:9px;background:var(--ink-900);color:var(--gold-400);display:grid;place-items:center}
.perk .pk-ic svg{width:17px;height:17px}
.perk b{display:block;font-size:15px;font-weight:800;color:var(--ink-900);line-height:1.4}
.perk span{display:block;font-size:13px;color:var(--ink-500);line-height:1.6;margin-top:2px}
.perks-foot{max-width:1000px;margin:18px auto 0;text-align:center;font-size:14.5px;color:var(--ink-500)}
@media(max-width:900px){.perks{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.perks{grid-template-columns:1fr}}