/** Shopify CDN: Minification failed

Line 1889:16 Unexpected ")"
Line 1890:16 Unexpected ")"
Line 1891:16 Unexpected ")"
Line 1892:16 Unexpected ")"
Line 2633:1 Expected "}" to go with "{"

**/
/* ══ BIO O 強制覆蓋 Dawn 全域樣式 ══ */
*, *::before, *::after { box-sizing: border-box; }

body {
  font-family: var(--sv-font) !important;
  color: #1A1C22;
  background: #FFFFFF !important;
  margin: 0 !important;
  padding: 0 !important;
  -webkit-font-smoothing: antialiased;
}

/* 移除 Dawn 的 section 間距 */
.shopify-section {
  padding: 0 !important;
  margin: 0 !important;
}

/* 覆蓋 Dawn 的 base.css SVG 放大規則 */


/* 覆蓋 Dawn 的 a 標籤顏色 */
a { color: inherit; text-decoration: none; }

/* 覆蓋 Dawn 的 img 規則 */
img { max-width: 100%; display: block; }

:root {
  --white:  #FFFFFF;
  --off:    #F6F8FC;
  --stone:  #EEF1F8;
  --ink:    #0D1B3E;
  --ink-2:  #2A3F6B;
  --ink-3:  #4B5C7E;
  --ink-4:  #7A8AA6;
  --gold:   #D9912E;
  --gold-lt:#F5C95A;
  --gold-d: #9A6C08;
  --gold-dim:rgba(200,144,16,0.08);
  --teal:   #1A9BBF;
  --teal-lt:#2AB8D8;
  --navy:   #0D1B3E;
  --line:   rgba(13,27,62,0.05);
  --line-2: rgba(13,27,62,0.08);
  --f-d: var(--sv-font);
  --f-b: var(--sv-font);
  --f-s: var(--sv-font);
  --f-m: var(--sv-font);
  --max:    1240px;
  --ease:   cubic-bezier(0.16,1,0.3,1);
  --r:      12px;
  --r-lg:   20px;
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{font-size:16px;}
body{font-family:var(--f-b);background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}

/* ── 公告帶 ── */
.ann{height:38px;background:var(--navy);display:flex;align-items:center;justify-content:center;gap:20px;overflow:hidden;position:relative;}
.ann::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);}
.ann-scroll{display:flex;white-space:nowrap;animation:scroll 32s linear infinite;}
@keyframes scroll{to{transform:translateX(-50%);}}
.ann-item{display:inline-flex;align-items:center;gap:10px;padding:0 28px;font-family:var(--f-m);font-size:13px;letter-spacing:.12em;color:rgba(255,255,255,.85);text-transform:uppercase;}
.ann-item b{color:var(--gold-lt);font-weight:600;}
.ann-dot{width:3px;height:3px;border-radius:50%;background:var(--gold);opacity:.5;flex-shrink:0;}

/* ── 導覽列 ── */
.nav{position:sticky;top:0;z-index:100;height:68px;background:rgba(255,255,255,.96);backdrop-filter:blur(20px);border-bottom:1px solid rgba(13,27,62,.04);}
.nav::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(200,144,16,.2) 30%,rgba(200,144,16,.2) 70%,transparent 100%);}
.nav-inner{max-width:var(--max);margin:0 auto;padding:0 40px;height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;}
.nav-logo{display:flex;align-items:center;gap:11px;}
.nav-logo-img{height:38px;width:auto;}
.nav-logo-text{display:flex;flex-direction:column;gap:2px;}
.nav-logo-main{font-family:var(--f-d);font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.01em;line-height:1.15;}
.nav-logo-sub{font-family:var(--f-m);font-size:12px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;}
.nav-links{display:flex;align-items:center;gap:22px;}
.nav-links a{font-size:15px;color:var(--ink-3);font-weight:400;letter-spacing:.01em;transition:color .2s;position:relative;padding-bottom:2px;}
.nav-links a::after{content:'';position:absolute;bottom:-1px;left:0;width:0;height:1.5px;background:var(--gold);transition:width .25s var(--ease);}
.nav-links a:hover{color:var(--ink);}
.nav-links a:hover::after{width:100%;}
.nav-cta{background:var(--navy)!important;color:var(--white)!important;padding:9px 22px;border-radius:6px;font-weight:600!important;font-size:15px;letter-spacing:.04em;transition:background .2s!important;}
.nav-cta::after{display:none!important;}
.nav-cta:hover{background:var(--gold)!important;}
.nav-icons{display:flex;gap:2px;}
.nav-icon{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--ink-3);transition:background .2s,color .2s;cursor:pointer;border:none;background:none;}
.nav-icon:hover{background:var(--off);color:var(--ink);}
.nav-icon .nav-icon svg{width:17px;height:17px;stroke:currentColor;fill:none;stroke-width:1.8;}

/* ══ HERO ══ */
.hero{
  display:grid;grid-template-columns:1fr 1fr;
  min-height:calc(100vh - 106px);
  background:var(--white);overflow:hidden;
}

/* 左 */
.hero-l{
  padding:72px 48px 72px 56px;
  display:flex;flex-direction:column;justify-content:center;
  position:relative;
}
/* 角落細線裝飾 */
.hero-l::before{content:'';position:absolute;top:40px;left:36px;width:28px;height:28px;border-top:1.5px solid var(--gold);border-left:1.5px solid var(--gold);opacity:.4;}
.hero-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:var(--gold-dim);border:1px solid rgba(200,144,16,.2);
  border-radius:20px;padding:5px 14px;width:fit-content;margin-bottom:28px;
.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--teal);animation:ping 2.5s ease infinite;}
@keyframes ping{0%,100%{box-shadow:0 0 0 0 rgba(26,155,191,.4);}50%{box-shadow:0 0 0 5px rgba(26,155,191,0);}}
.badge-text{font-family:var(--f-m);font-size:13px;letter-spacing:.14em;color:var(--teal);text-transform:uppercase;}
.hero-kicker{
  font-family:var(--f-m);font-size:13px;letter-spacing:.18em;
  color:var(--ink-3);text-transform:uppercase;margin-bottom:14px;
  display:flex;align-items:center;gap:10px;
.hero-kicker::before{content:'';width:20px;height:1px;background:var(--gold);opacity:.5;}
.hero-title{
  font-family:var(--f-d);
  font-size:clamp(36px,4.2vw,58px);
  font-weight:800;line-height:1.12;letter-spacing:-.025em;
  color:var(--ink);margin-bottom:10px;
.hero-title .line-break{display:block;}
.hero-title .accent{color:var(--gold);}
.hero-subtitle{
  font-family:var(--f-s);font-size:16px;font-weight:400;
  color:var(--ink-3);letter-spacing:.04em;
  font-style:italic;margin-bottom:26px;
  display:flex;align-items:center;gap:8px;
.hero-subtitle::before{content:'';width:20px;height:1px;background:var(--ink-4);}
.hero-desc{
  font-size:16px;font-weight:400;color:var(--ink-3);line-height:1.9;
  max-width:420px;margin-bottom:36px;
  padding:14px 18px;
  background:var(--off);border-radius:var(--r);
  border-left:3px solid var(--gold-dim);
.hero-desc strong{color:var(--ink);font-weight:600;}

/* 數字三格 */
.hero-stats{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:1px;background:rgba(13,27,62,.04);border:none;
  border-radius:var(--r);overflow:hidden;margin-bottom:36px;
.h-stat{background:var(--white);padding:18px 16px;transition:background .2s;position:relative;}
.h-stat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease);}
.h-stat:hover{background:var(--off);}
.h-stat:hover::before{transform:scaleX(1);}
.h-stat-num{font-family:var(--f-d);font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1;margin-bottom:4px;}
.h-stat-num sup{font-size:14px;color:var(--gold);font-weight:600;}
.h-stat-label{font-size:13px;color:var(--ink-3);font-weight:400;letter-spacing:.02em;}
.hero-actions{display:flex;gap:12px;align-items:center;}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-d);font-size:16px;font-weight:600;letter-spacing:.02em;border-radius:8px;padding:13px 24px;transition:.25s;cursor:pointer;white-space:nowrap;border:1.5px solid transparent;}
.btn-navy{background:var(--navy);color:var(--white);border-color:var(--navy);}
.btn-navy:hover{background:var(--gold);border-color:var(--gold);}
.btn-line{background:transparent;color:var(--ink);border-color:var(--line-2);}
.btn-line:hover{border-color:var(--ink);}

/* 右側 */
.hero-r{
  background:var(--off);position:relative;overflow:hidden;
  display:flex;align-items:center;justify-content:center;
}
/* 細格線底紋 */
.hero-r::before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(var(--line) 1px,transparent 1px),
    linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:40px 40px;
  opacity:.5;
.hero-r-ph{
  position:relative;z-index:2;
  border:1.5px dashed rgba(200,144,16,.25);
  border-radius:var(--r-lg);width:340px;height:420px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
.hero-r-ph svg{stroke:rgba(200,144,16,.3);fill:none;}
.hero-r-ph-text{font-family:var(--f-m);font-size:13px;color:rgba(200,144,16,.5);letter-spacing:.1em;text-align:center;line-height:1.8;}

/* 右上角標籤 */
.hero-corner-tag{
  position:absolute;top:24px;right:24px;z-index:3;
  font-family:var(--f-m);font-size:12px;letter-spacing:.14em;
  color:var(--ink-3);text-transform:uppercase;
  background:rgba(255,255,255,.9);backdrop-filter:blur(8px);
  padding:5px 12px;border-radius:4px;border:1px solid var(--line);
}
/* 浮動品質卡 */
.hero-float{
  position:absolute;bottom:32px;left:-20px;z-index:3;
  background:var(--white);border-radius:var(--r);
  border:1px solid var(--line);padding:16px 18px;min-width:210px;
  box-shadow:0 8px 40px rgba(13,27,62,.1);
  animation:floatUp .6s var(--ease) .4s both;
}
@keyframes floatUp{from{opacity:0;transform:translateY(12px);}to{opacity:1;transform:none;}}
.float-header{font-family:var(--f-m);font-size:12px;letter-spacing:.18em;color:var(--teal);text-transform:uppercase;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:5px;}
.float-header::before{content:'';width:5px;height:5px;border-radius:50%;background:var(--teal-lt);flex-shrink:0;}
.float-row{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--ink-2);padding:3px 0;font-weight:400;}
.float-check{width:16px;height:16px;border-radius:4px;background:rgba(26,155,191,.1);display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--teal);flex-shrink:0;font-weight:700;}

/* ── 信任跑馬燈 ── */
.ticker{background:var(--off);border-top:1px solid rgba(13,27,62,.04);border-bottom:1px solid var(--line);padding:14px 0;overflow:hidden;position:relative;}
.ticker::before,.ticker::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;}
.ticker::before{left:0;background:linear-gradient(90deg,var(--off),transparent);}
.ticker::after{right:0;background:linear-gradient(-90deg,var(--off),transparent);}
.ticker-scroll{display:flex;white-space:nowrap;animation:scroll 26s linear infinite;}
.ticker-item{display:inline-flex;align-items:center;gap:10px;padding:0 32px;font-size:14px;font-weight:400;color:var(--ink-3);letter-spacing:.02em;}
.ticker-item b{color:var(--ink);font-weight:600;}
.ticker-sep{width:4px;height:4px;border-radius:50%;background:var(--gold);opacity:.4;flex-shrink:0;}

/* ══ 四大主張 — 橫向條列+卡片混搭 ══ */
.pillars{padding:100px 40px;background:var(--white);}
.pillars-inner{max-width:var(--max);margin:0 auto;}
.pillars-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:64px;}
.pillars-title{font-family:var(--f-d);font-size:clamp(26px,3.2vw,42px);font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.18;}
.pillars-title em{font-style:italic;font-family:var(--f-s);color:var(--gold);font-weight:400;}
.pillars-right{padding-top:16px;border-top:1px solid rgba(13,27,62,.04);}
.pillars-desc{font-size:15px;font-weight:400;color:var(--ink-3);line-height:1.9;margin-bottom:16px;}

/* 卡片網格：2+2，右邊大左邊小 */
.pillars-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto auto;
  gap:16px;
.pillar{
  background:var(--off);border-radius:var(--r-lg);
  border:none;padding:32px 28px;
  box-shadow:0 2px 12px rgba(13,27,62,.04);
  transition:transform .3s var(--ease),box-shadow .3s;
  position:relative;overflow:hidden;
.pillar::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);}
.pillar:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(13,27,62,.1);}
.pillar:hover::before{transform:scaleX(1);}

/* 第一個卡片橫跨兩行 */
.pillar-featured{
  grid-row:span 2;
  background:var(--navy);
  display:flex;flex-direction:column;justify-content:space-between;
.pillar-featured::before{background:linear-gradient(90deg,var(--gold-lt),var(--teal-lt),transparent);}
.pillar-featured:hover{box-shadow:0 16px 56px rgba(13,27,62,.25);}
.pillar-num{font-family:var(--f-m);font-size:13px;letter-spacing:.14em;color:var(--gold);margin-bottom:18px;}
.pillar-featured .pillar-num{color:var(--gold-lt);}
.pillar-icon-num{font-family:var(--f-d);font-size:64px;font-weight:800;color:rgba(200,144,16,.08);line-height:1;letter-spacing:-.04em;margin-bottom:12px;}
.pillar-featured .pillar-icon-num{color:rgba(255,255,255,.7);}
.pillar-title-txt{font-family:var(--f-d);font-size:17px;font-weight:700;color:var(--ink);margin-bottom:10px;letter-spacing:-.01em;line-height:1.3;}
.pillar-featured .pillar-title-txt{font-size:22px;color:var(--white);}
.pillar-problem{font-size:14px;color:var(--ink-3);line-height:1.75;padding:10px 14px;background:var(--white);border-radius:6px;border-left:2px solid var(--line-2);margin-bottom:10px;font-weight:400;}
.pillar-featured .pillar-problem{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.7);color:rgba(255,255,255,.7);}
.pillar-solution{font-size:15px;color:var(--ink-2);line-height:1.75;padding:10px 14px;background:var(--gold-dim);border-radius:6px;border-left:2px solid var(--gold);font-weight:400;}
.pillar-featured .pillar-solution{background:rgba(200,144,16,.12);color:rgba(255,255,255,.85);}
.pillar-solution strong{color:var(--gold-d);font-weight:600;}
.pillar-featured .pillar-solution strong{color:var(--gold-lt);}

/* ══ 商品 ══ */
.products{padding:0 40px 100px;background:var(--white);}
.products-inner{max-width:var(--max);margin:0 auto;}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;}
.section-ey{font-family:var(--f-m);font-size:13px;letter-spacing:.18em;color:var(--teal);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
.section-ey::before{content:'';width:18px;height:1px;background:var(--teal);opacity:.5;}
.section-h2{font-family:var(--f-d);font-size:clamp(22px,3vw,34px);font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.2;}
.section-link{font-size:15px;color:var(--ink-3);letter-spacing:.04em;border-bottom:1px solid var(--line-2);padding-bottom:2px;transition:color .2s,border-color .2s;}
.section-link:hover{color:var(--gold);border-color:var(--gold);}
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.prod-card{
  background:var(--white);border-radius:var(--r-lg);
  border:none;overflow:hidden;
  box-shadow:0 2px 16px rgba(13,27,62,.06);
  transition:transform .3s var(--ease),box-shadow .3s;
.prod-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(13,27,62,.12);}
.prod-img{width:100%;aspect-ratio:1/1;background:var(--off);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;}
.prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.prod-card:hover .prod-img img{transform:scale(1.05);}
.prod-img-ph{display:flex;flex-direction:column;align-items:center;gap:8px;}
.prod-img-ph svg{stroke:var(--ink-4);fill:none;stroke-width:1.2;}
.prod-img-ph span{font-family:var(--f-m);font-size:12px;color:var(--ink-4);letter-spacing:.1em;text-align:center;line-height:1.7;}
.prod-badge{position:absolute;top:10px;left:10px;background:var(--navy);color:var(--white);font-family:var(--f-m);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:4px;z-index:2;}
.prod-body{padding:16px 16px 18px;}
.prod-series{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;color:var(--teal);text-transform:uppercase;margin-bottom:4px;}
.prod-name{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);line-height:1.35;margin-bottom:12px;letter-spacing:-.01em;}
.prod-foot{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(13,27,62,.04);}
.prod-price{font-family:var(--f-d);font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.01em;}
.prod-price-note{font-size:13px;color:var(--ink-4);margin-top:2px;font-weight:400;}
.prod-btn{font-size:14px;font-weight:600;color:var(--ink);border:1.5px solid var(--line-2);border-radius:6px;padding:7px 14px;background:transparent;transition:.2s;cursor:pointer;font-family:var(--f-d);}
.prod-btn:hover{background:var(--ink);color:var(--white);border-color:var(--ink);}
.zeczec-strip{max-width:var(--max);margin:28px auto 0;display:flex;align-items:center;gap:14px;padding:16px 22px;background:var(--off);border-radius:var(--r);border:1px solid var(--line);}
.zeczec-text{font-size:15px;color:var(--ink-3);font-weight:400;line-height:1.75;}
.zeczec-text b{color:var(--gold-d);font-weight:600;}

/* ══ 品牌故事 ══ */
.story{background:var(--off);border-top:1px solid rgba(13,27,62,.04);}
.story-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;min-height:600px;}
.story-l{
  padding:80px 56px;
  display:flex;flex-direction:column;justify-content:center;
  border-right:1px solid rgba(13,27,62,.04);
.story-quote-block{
  padding:22px 24px;
  background:var(--navy);border-radius:var(--r-lg);
  margin-bottom:28px;position:relative;overflow:hidden;
.story-quote-block::before{content:'"';position:absolute;top:-10px;right:12px;font-family:var(--f-s);font-size:100px;color:rgba(255,255,255,.7);line-height:1;pointer-events:none;}
.story-quote-block::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);}
.story-quote{font-family:var(--f-s);font-size:16px;font-weight:400;font-style:italic;color:var(--white);line-height:1.65;margin-bottom:10px;}
.story-cite{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;color:var(--gold-lt);text-transform:uppercase;}
.story-body{font-size:16px;font-weight:400;color:var(--ink-3);line-height:1.95;margin-bottom:32px;}
.story-body strong{color:var(--ink);font-weight:600;}
.story-r{
  padding:60px 48px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
.story-img-ph{
  width:100%;aspect-ratio:4/3;background:var(--stone);
  border-radius:var(--r-lg);margin-bottom:24px;
  border:1px solid var(--line);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
.story-img-ph svg{stroke:rgba(200,144,16,.25);fill:none;}
.story-img-ph span{font-family:var(--f-m);font-size:12px;color:rgba(200,144,16,.4);letter-spacing:.1em;text-align:center;line-height:1.8;}
.story-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;}
.story-num-item{background:var(--white);padding:18px 14px;text-align:center;}
.story-num{font-family:var(--f-d);font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1;margin-bottom:4px;}
.story-num sup{font-size:13px;color:var(--gold);font-weight:600;}
.story-num-label{font-size:13px;color:var(--ink-3);font-weight:400;line-height:1.4;}

/* ══ 顧客評價 ══ */
.reviews{padding:100px 40px;background:var(--white);}
.reviews-inner{max-width:var(--max);margin:0 auto;}
.reviews-top{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center;margin-bottom:56px;}
.reviews-left{}
.reviews-avg-num{font-family:var(--f-d);font-size:72px;font-weight:800;color:var(--ink);letter-spacing:-.04em;line-height:1;margin-bottom:4px;}
.reviews-avg-num span{font-size:24px;color:var(--gold);}
.reviews-stars{display:flex;gap:3px;margin-bottom:8px;}
.review-star{font-size:16px;color:var(--gold);}
.reviews-count{font-family:var(--f-m);font-size:13px;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase;}
.reviews-right{font-size:16px;font-weight:400;color:var(--ink-3);line-height:1.85;padding-left:32px;border-left:2px solid var(--gold-dim);}
.reviews-right strong{color:var(--ink);font-weight:600;}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.review{
  background:var(--white);border-radius:var(--r-lg);
  border:none;padding:28px;
  box-shadow:0 2px 14px rgba(13,27,62,.05);
  transition:transform .25s var(--ease),box-shadow .25s;
.review:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(13,27,62,.1);}
.review-stars{display:flex;gap:2px;margin-bottom:14px;}
.review-text{font-family:var(--f-s);font-size:16px;font-weight:400;color:var(--ink);line-height:1.65;margin-bottom:18px;font-style:italic;}
.review-author{display:flex;align-items:center;gap:10px;}
.review-avatar{width:36px;height:36px;border-radius:50%;background:var(--off);border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--f-d);font-size:15px;font-weight:700;color:var(--gold);flex-shrink:0;}
.review-name{font-size:15px;font-weight:600;color:var(--ink);}
.review-platform{font-family:var(--f-m);font-size:12px;color:var(--ink-3);letter-spacing:.06em;}

/* ══ 部落格 ══ */
.blog{padding:0 40px 100px;background:var(--white);}
.blog-inner{max-width:var(--max);margin:0 auto;}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;}
.blog-card{background:var(--white);border-radius:var(--r-lg);border:none;overflow:hidden;box-shadow:0 2px 14px rgba(13,27,62,.05);transition:transform .25s var(--ease),box-shadow .25s;display:block;color:inherit;}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 10px 32px rgba(13,27,62,.1);}
.blog-img{width:100%;aspect-ratio:16/9;background:var(--off);overflow:hidden;display:flex;align-items:center;justify-content:center;}
.blog-img-ph-text{font-family:var(--f-m);font-size:13px;letter-spacing:.12em;color:var(--ink-4);text-transform:uppercase;}
.blog-body{padding:18px 20px 20px;}
.blog-cat{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;color:var(--gold);text-transform:uppercase;margin-bottom:6px;}
.blog-name{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);line-height:1.4;margin-bottom:8px;letter-spacing:-.01em;}
.blog-excerpt{font-size:14px;font-weight:400;color:var(--ink-3);line-height:1.65;margin-bottom:12px;}
.blog-foot{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(13,27,62,.04);}
.blog-date{font-family:var(--f-m);font-size:12px;color:var(--ink-4);}
.blog-read{font-size:14px;color:var(--gold);font-weight:600;}

/* ══ FOOTER ══ */
.footer-cert{padding:44px 40px;background:var(--white);border-top:1px solid rgba(13,27,62,.04);}
.footer-cert-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:28px;flex-wrap:wrap;}
.footer-cert-label{font-family:var(--f-m);font-size:12px;letter-spacing:.16em;color:var(--ink-3);text-transform:uppercase;flex-shrink:0;}
.footer-cert-badges{display:flex;gap:12px;flex-wrap:wrap;}
.footer-cert-badge{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--white);border-radius:12px;border:none;box-shadow:0 2px 12px rgba(13,27,62,.06);transition:box-shadow .25s,transform .25s;}
.footer-cert-badge:hover{border-color:rgba(200,144,16,.3);box-shadow:0 4px 20px rgba(13,27,62,.06);transform:translateY(-2px);}
.footer-cert-badge-logo{flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.footer-cert-badge-logo img{height:32px;width:auto;object-fit:contain;}
.footer-cert-badge-text{}
.footer-cert-badge-name{font-family:var(--f-m);font-size:13px;font-weight:600;color:var(--ink);letter-spacing:.04em;}
.footer-cert-badge-desc{font-size:13px;color:var(--ink-3);margin-top:2px;font-weight:400;}
.footer-nl{padding:56px 40px;background:var(--navy);position:relative;overflow:hidden;}
.footer-nl::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;pointer-events:none;}
.footer-nl-inner{max-width:var(--max);margin:0 auto;position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.footer-nl-ey{font-family:var(--f-m);font-size:12px;letter-spacing:.18em;color:var(--gold-lt);text-transform:uppercase;margin-bottom:10px;}
.footer-nl-title{font-family:var(--f-d);font-size:22px;font-weight:800;color:var(--white);margin-bottom:8px;letter-spacing:-.01em;}
.footer-nl-desc{font-size:15px;color:rgba(255,255,255,.85);line-height:1.7;font-weight:400;}
.footer-nl-form{display:flex;gap:8px;margin-top:20px;}
.footer-nl-input{flex:1;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:13px 16px;font-size:15px;color:var(--white);font-family:var(--f-b);outline:none;transition:border-color .2s;}
.footer-nl-input::placeholder{color:rgba(255,255,255,.7);}
.footer-nl-input:focus{border-color:rgba(200,144,16,.5);}
.footer-nl-btn{background:var(--gold);color:var(--navy);border:none;padding:13px 20px;border-radius:8px;font-family:var(--f-m);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s;white-space:nowrap;}
.footer-nl-btn:hover{background:var(--gold-lt);}
.footer-nl-note{font-size:13px;color:rgba(255,255,255,.7);margin-top:8px;}
.footer-main{background:#06101F;padding:56px 40px 24px;}
.footer-main-inner{max-width:var(--max);margin:0 auto;}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:40px;}
.footer-logos{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.footer-logos img{height:42px;width:auto;object-fit:contain;}
.footer-logos img:last-child{height:32px;opacity:.8;}
.footer-brand-main{font-family:var(--f-d);font-size:16px;font-weight:800;color:var(--white);letter-spacing:-.01em;margin-bottom:2px;}
.footer-brand-sub{font-family:var(--f-m);font-size:12px;letter-spacing:.2em;color:var(--gold);text-transform:uppercase;margin-bottom:14px;}
.footer-brand-desc{font-size:14px;color:rgba(255,255,255,.85);line-height:1.8;margin-bottom:18px;max-width:224px;font-weight:400;}
.footer-social{display:flex;gap:6px;}
.footer-soc{width:32px;height:32px;border-radius:6px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-family:var(--f-m);font-size:13px;color:rgba(255,255,255,.85);font-weight:600;transition:all .2s;text-decoration:none;}
.footer-soc:hover{background:rgba(200,144,16,.15);color:var(--gold-lt);border-color:rgba(200,144,16,.2);}
.footer-col-title{font-family:var(--f-m);font-size:12px;letter-spacing:.16em;color:var(--teal-lt);text-transform:uppercase;margin-bottom:14px;font-weight:600;}
.footer-links{display:flex;flex-direction:column;gap:9px;}
.footer-links a{font-size:14px;color:rgba(255,255,255,.85);transition:color .2s;font-weight:400;}
.footer-links a:hover{color:var(--gold-lt);}
.footer-contact-label{font-family:var(--f-m);font-size:12px;letter-spacing:.1em;color:rgba(255,255,255,.7);text-transform:uppercase;margin-bottom:2px;}
.footer-contact-value{font-size:14px;color:rgba(255,255,255,.75);font-weight:400;margin-bottom:10px;}
.footer-contact-value a{color:var(--gold-lt);text-decoration:none;}
.footer-divider{height:1px;background:rgba(255,255,255,.06);margin-bottom:20px;}
.footer-bottom{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px;}
.footer-bottom-l{font-size:13px;color:rgba(255,255,255,.85);letter-spacing:.03em;line-height:1.9;font-weight:400;}
.footer-bottom-r{display:flex;gap:16px;flex-wrap:wrap;}
.footer-bottom-r a{font-size:13px;color:rgba(255,255,255,.85);transition:color .2s;}
.footer-bottom-r a:hover{color:var(--gold-lt);}

/* Reveal 動畫 */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.reveal.visible{opacity:1;transform:none;}

/* RWD */
@media(max-width:1100px){.prod-grid{grid-template-columns:repeat(2,1fr);}.reviews-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.hero{grid-template-columns:1fr;min-height:auto;}.hero-r{height:380px;}.hero-l{padding:48px 24px;}.story-inner{grid-template-columns:1fr;}.reviews-top{grid-template-columns:1fr;}.pillars-head{grid-template-columns:1fr;gap:24px;}.footer-top{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){.nav-links{display:none;}.hero-float{display:none;}.prod-grid{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:12px;}.prod-card{min-width:72vw;flex-shrink:0;scroll-snap-align:start;}.reviews-grid{grid-template-columns:1fr;}.pillars-grid{grid-template-columns:1fr;}.blog-grid{grid-template-columns:1fr;}.footer-nl-inner{grid-template-columns:1fr;}.pillars,.products,.reviews,.blog,.footer-cert,.footer-nl,.footer-main{padding-left:20px;padding-right:20px;}}

/* 認證色塊 */
.footer-cert-sgs  { background: #FFF5F5;  }
.footer-cert-sgs:hover  { border-color: rgba(204,0,0,.35) !important; box-shadow: 0 4px 20px rgba(204,0,0,.08) !important; }
.footer-cert-iso  { background: #F0F4FF;  }
.footer-cert-iso:hover  { border-color: rgba(0,48,135,.3) !important; box-shadow: 0 4px 20px rgba(0,48,135,.08) !important; }
.footer-cert-haccp { background: #F0FFF6;  }
.footer-cert-haccp:hover { border-color: rgba(0,112,60,.3) !important; box-shadow: 0 4px 20px rgba(0,112,60,.08) !important; }
.footer-cert-ins  { background: #F0F3FF;  }
.footer-cert-ins:hover  { border-color: rgba(13,27,62,.3) !important; box-shadow: 0 4px 20px rgba(13,27,62,.08) !important; }

/* 主張卡片圖示 */
.pillar-icon-wrap {
  width: 40px; height: 40px;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 16px; flex-shrink: 0;
.pillar-featured .pillar-icon-wrap {
  background: rgba(200,144,16,.15);
  color: var(--gold-lt);
.pillar .pillar-icon-wrap {
  background: var(--stone);
  color: var(--gold);
}

/* 業界 vs 百圓 對比列 */
.pillar-compare {
  display: flex; gap: 8px; align-items: stretch;
  margin: 14px 0 12px; font-family: var(--f-m); font-size:13px;
  letter-spacing: .06em;
.pillar-compare-industry,
.pillar-compare-bio {
  flex: 1; padding: 9px 12px; border-radius: 7px; line-height: 1.5;
.pillar-compare-industry {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.7);
.pillar:not(.pillar-featured) .pillar-compare-industry {
  background: rgba(13,27,62,.04);
  border: 1px solid var(--line);
  color: var(--ink-4);
.pillar-compare-label {
  font-size:12px; letter-spacing: .14em; text-transform: uppercase;
  margin-bottom: 3px; display: block;
.pillar-compare-industry .pillar-compare-label { color:rgba(255,255,255,.7); }
.pillar:not(.pillar-featured) .pillar-compare-industry .pillar-compare-label { color: var(--ink-4); }
.pillar-compare-val { font-weight: 600; font-size:13px; }
.pillar-compare-industry .pillar-compare-val { color:rgba(255,255,255,.7); }
.pillar:not(.pillar-featured) .pillar-compare-industry .pillar-compare-val { color: var(--ink-3); }
.pillar-featured .pillar-compare-bio {
  background: rgba(200,144,16,.15);
  border-color: rgba(200,144,16,.3);
.pillar-compare-bio .pillar-compare-label { color: var(--gold); }
.pillar-compare-bio .pillar-compare-val { color: var(--gold-lt); }
.pillar:not(.pillar-featured) .pillar-compare-bio .pillar-compare-val { color: var(--gold-d); }

/* 中間箭頭 */
.pillar-compare-arrow {
  display: flex; align-items: center; justify-content: center;
  color: var(--gold); font-size:14px; flex-shrink: 0; padding: 0 2px;
  opacity: .6;
}

/* 成分示例表 */
.pillar-ingr-table {
  margin: 16px 0 14px;
  border-radius: 8px; overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
.pillar-ingr-head {
  display: grid; grid-template-columns: 1fr auto auto;
  gap: 8px; padding: 7px 12px;
  background: rgba(255,255,255,.04);
  font-family: var(--f-m); font-size:12px; letter-spacing: .12em;
  color:rgba(255,255,255,.7); text-transform: uppercase;
.pillar-ingr-row {
  display: grid; grid-template-columns: 1fr auto auto;
  gap: 8px; padding: 9px 12px;
  border-top: 1px solid rgba(255,255,255,.05);
  align-items: center;
  transition: background .15s;
.pillar-ingr-row:hover { background: rgba(255,255,255,.03); }
.pillar-ingr-name {
  font-size:13px; font-weight:600; color: rgba(255,255,255,.8);
  font-family: var(--f-m); letter-spacing: .02em;
.pillar-ingr-dose {
  font-family: var(--f-m); font-size:13px; font-weight:600;
  color: var(--gold-lt); text-align: right; white-space: nowrap;
.pillar-ingr-check {
  width: 18px; height: 18px; border-radius: 4px;
  background: rgba(200,144,16,.15); border: 1px solid rgba(200,144,16,.3);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
.pillar-ingr-check svg { width: 10px; height: 10px; }

/* 品牌標籤群 */
.pillar-brand-tags {
  display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px;
.pillar-brand-tag {
  font-family: var(--f-m); font-size:12px; letter-spacing: .08em;
  color:rgba(255,255,255,.7);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px; padding: 4px 10px;
  transition: background .2s, color .2s, border-color .2s;
.pillar-brand-tag:hover {
  background: rgba(200,144,16,.12);
  color: var(--gold-lt);
  border-color: rgba(200,144,16,.25);
.line-float-btn {
  position: fixed; bottom: 28px; right: 28px; z-index: 999;
  display: flex; align-items: center; gap: 10px;
  background: #06C755; color: #fff;
  font-family: var(--sv-font);
  font-size:15px; font-weight: 700; letter-spacing: .01em;
  padding: 13px 20px; border-radius: 50px;
  box-shadow: 0 4px 24px rgba(6,199,85,.4);
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, background .2s;
  animation: floatPulse 3s ease-in-out infinite;
  white-space: nowrap;
.line-float-btn:hover {
  background: #05b54d;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 8px 36px rgba(6,199,85,.5);
  animation: none;
}
/* 點擊波紋 */
.line-float-btn::before {
  content: '';
  position: absolute; inset: 0; border-radius: 50px;
  border: 2px solid rgba(6,199,85,.5);
  animation: ripple 2.5s ease-out infinite;
}
@keyframes floatPulse {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-4px); }
}
@keyframes ripple {
  0% { transform: scale(1); opacity: .6; }
  100% { transform: scale(1.3); opacity: 0; }
}
/* 點擊動畫圖示 */
.line-float-click {
  width: 22px; height: 22px; flex-shrink: 0;
  background: rgba(255,255,255,.2); border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  animation: clickBounce 2s ease-in-out infinite;
}
@keyframes clickBounce {
  0%,100% { transform: scale(1); }
  40% { transform: scale(1.2); }
  60% { transform: scale(.95); }
}



/* ══ Logo牆：全成分國際品牌原料 ══ */
.partners {
  padding: 96px 40px;
  background: var(--off);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
.partners-inner { max-width: var(--max); margin: 0 auto; }
.partners-head {
  display: grid; grid-template-columns: 1fr auto;
  align-items: end; margin-bottom: 48px; gap: 32px;
.partners-head-l {}
.partners-count {
  font-family: var(--f-m); font-size: 40px; font-weight: 400;
  color: rgba(200,144,16,.15); line-height: 1; letter-spacing: -.04em;
  white-space: nowrap;
}

/* 搜尋/篩選列 */
.partners-filter {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 32px; flex-wrap: wrap;
.partners-search {
  flex: 1; max-width: 320px;
  border: 1px solid var(--line-2); border-radius: 8px;
  padding: 9px 14px; font-size:15px; font-weight:400;
  color: var(--ink); font-family: var(--f-b); outline: none;
  background: var(--white); transition: border-color .2s;
.partners-search::placeholder { color: var(--ink-4); }
.partners-search:focus { border-color: var(--gold); }
.partners-filter-btn {
  padding: 8px 16px; border-radius: 20px; font-size:13px;
  font-weight: 400; cursor: pointer; border: 1px solid var(--line-2);
  background: transparent; color: var(--ink-3); font-family: var(--f-b);
  transition: .2s; white-space: nowrap; letter-spacing: .02em;
.partners-filter-btn:hover,
.partners-filter-btn.active {
  background: var(--ink); color: var(--white); border-color: var(--ink);
}

/* Logo 格線 */
.partners-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}

/* 單一 Logo 卡片 */
.partner-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  padding: 0 20px;
  background: var(--white);
  border: none;
  box-shadow: 0 1px 8px rgba(13,27,62,.06);
  border-radius: 10px;
  text-decoration: none;
  color: var(--ink);
  transition: border-color .2s, box-shadow .2s, transform .2s;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
/* 懸停金色頂線 */
.partner-logo::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--gold), var(--teal-lt), transparent);
  transform: scaleX(0); transform-origin: left;
  transition: transform .3s var(--ease);
.partner-logo:hover {
  box-shadow: 0 6px 24px rgba(13,27,62,.12);
  transform: translateY(-2px);
.partner-logo:hover::before { transform: scaleX(1); }

/* 圖片模式（有 logo 圖檔時） */
.partner-logo img {
  max-height: 34px;    /* 圖片高度限制 */
  width: auto;
  max-width: 120px;
  object-fit: contain;
  filter: grayscale(40%) opacity(0.75);
  transition: filter .25s;
.partner-logo:hover img {
  filter: grayscale(0%) opacity(1);
}

/* 文字模式（還沒有圖的佔位） */
.partner-logo-ph {
  display: flex; flex-direction: column;
  align-items: center; gap: 2px;
  pointer-events: none;
.partner-logo-name {
  font-family: var(--f-m); font-size:13px; font-weight:600;
  color: var(--ink-2); letter-spacing: .04em; white-space: nowrap;
  text-align: center;
.partner-logo-country {
  font-size:12px; color: var(--ink-4); letter-spacing: .06em;
  font-family: var(--f-m); white-space: nowrap;
}

/* 外連圖示 */
.partner-logo-ext {
  position: absolute; top: 5px; right: 6px;
  width: 12px; height: 12px; opacity: 0;
  transition: opacity .2s;
.partner-logo-ext svg {
  width: 10px; height: 10px;
  stroke: var(--gold); fill: none; stroke-width: 1.8;
.partner-logo:hover .partner-logo-ext { opacity: 1; }

/* 顯示數量 */
.partners-showing {
  margin-top: 24px; text-align: right;
  font-family: var(--f-m); font-size:13px; letter-spacing: .1em;
  color: var(--ink-4); text-transform: uppercase;
}

/* 隱藏動畫 */
.partner-logo.hidden {
  display: none;
}

/* 免責聲明 */
.partners-note {
  margin-top: 28px; padding: 14px 18px;
  background: var(--white); border-radius: var(--r);
  border: 1px solid var(--line); border-left: 3px solid var(--gold-dim);
  font-size:14px; font-weight:400; color: var(--ink-3); line-height: 1.7;
.partners-note strong { color: var(--ink); font-weight: 600; }

@media (max-width: 768px) {
  .partners { padding: 64px 20px; }
  .partners-head { grid-template-columns: 1fr; gap: 8px; }
  .partner-logo { height: 52px; padding: 0 16px; }
  .partner-logo img { max-height: 28px; }
  .partner-logo-name { font-size:13px; }
.line-cta {
  padding: 80px 40px;
  background: var(--navy);
  position: relative; overflow: hidden;
}
/* 背景裝飾：大 LINE Logo 淡影 */
.line-cta::before {
  content: '';
  position: absolute; right: -60px; top: 50%; transform: translateY(-50%);
  width: 420px; height: 420px; border-radius: 50%;
  background: radial-gradient(circle, rgba(6,199,85,.12) 0%, transparent 70%);
  pointer-events: none;
}
/* 左側細線裝飾 */
.line-cta::after {
  content: '';
  position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: linear-gradient(to bottom, transparent, #06C755, transparent);
.line-cta-inner {
  max-width: var(--max); margin: 0 auto; position: relative; z-index: 1;
  display: grid; grid-template-columns: 1fr auto;
  gap: 48px; align-items: center;
.line-cta-l {}
.line-cta-eyebrow {
  font-family: var(--f-m); font-size:12px; letter-spacing: .2em;
  color: #06C755; text-transform: uppercase; margin-bottom: 14px;
  display: flex; align-items: center; gap: 8px;
.line-cta-eyebrow::before {
  content: ''; width: 20px; height: 1px; background: #06C755; opacity: .6;
.line-cta-title {
  font-family: var(--f-d); font-size: clamp(22px, 3vw, 36px);
  font-weight: 800; color: #fff; line-height: 1.2;
  letter-spacing: -.02em; margin-bottom: 14px;
.line-cta-title span { color: #06C755; }
.line-cta-desc {
  font-size:16px; font-weight:400; color:rgba(255,255,255,.85);
  line-height: 1.85; max-width: 480px;
.line-cta-desc strong { color: rgba(255,255,255,.8); font-weight:600; }

/* 右側：QR碼 + 按鈕 */
.line-cta-r {
  display: flex; flex-direction: column; align-items: center; gap: 20px;
  flex-shrink: 0;
}
/* QR 碼佔位框 */
.line-qr-wrap {
  width: 140px; height: 140px;
  background: #fff; border-radius: 16px;
  padding: 12px;
  box-shadow: 0 8px 40px rgba(6,199,85,.2);
  display: flex; align-items: center; justify-content: center;
  position: relative;
}
/* QR 角標 */
.line-qr-wrap::before {
  content: '';
  position: absolute; top: -6px; right: -6px;
  width: 28px; height: 28px;
  background: #06C755; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
.line-qr-icon {
  position: absolute; top: -6px; right: -6px;
  width: 28px; height: 28px;
  background: #06C755; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
.line-qr-icon svg { width: 14px; height: 14px; }
.line-qr-ph {
  width: 100%; height: 100%;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 6px;
}
/* QR 佔位格線 */
.line-qr-grid {
  display: grid; grid-template-columns: repeat(7,1fr); gap: 2px;
  width: 100px; height: 100px;
.line-qr-cell { border-radius: 1px; }

/* 加入按鈕 */
.line-add-btn {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  background: #06C755; color: #fff;
  padding: 14px 28px; border-radius: 10px;
  font-family: var(--f-d); font-size:16px; font-weight: 700;
  letter-spacing: .01em; text-decoration: none;
  transition: background .2s, transform .2s, box-shadow .2s;
  width: 100%; text-align: center;
  box-shadow: 0 4px 20px rgba(6,199,85,.3);
.line-add-btn:hover {
  background: #05b54d; transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(6,199,85,.4);
.line-add-btn svg { flex-shrink: 0; }
.line-add-id {
  font-family: var(--f-m); font-size:13px; letter-spacing: .12em;
  color:rgba(255,255,255,.7); text-align: center;
}

/* 三個好處 */
.line-benefits {
  display: flex; gap: 20px; margin-top: 28px; flex-wrap: wrap;
.line-benefit {
  display: flex; align-items: flex-start; gap: 10px;
.line-benefit-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: #06C755; flex-shrink: 0; margin-top: 6px;
.line-benefit-text {
  font-size:15px; font-weight:400; color:rgba(255,255,255,.85); line-height: 1.5;
.line-benefit-text strong { color: rgba(255,255,255,.85); font-weight: 600; }

@media(max-width:768px) {
  .line-cta { padding: 60px 20px; }
  .line-cta-inner { grid-template-columns: 1fr; gap: 32px; }
  .line-cta-r { flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; }
  .line-qr-wrap { width: 100px; height: 100px; padding: 8px; }
  .line-qr-grid { width: 72px; height: 72px; }
  .line-benefits { gap: 14px; }
}


/* ── 共用頁面元素 ── */
.pg-hero{padding:72px 40px 56px;background:var(--white);border-bottom:1px solid var(--line);position:relative;overflow:hidden;}
.pg-hero::after{content:attr(data-bg);position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-family:var(--f-m);font-size:130px;font-weight:600;color:rgba(13,27,62,.03);white-space:nowrap;pointer-events:none;letter-spacing:.06em;text-transform:uppercase;}
.pg-hero-inner{max-width:var(--max);margin:0 auto;}
.pg-hero-title{font-family:var(--f-d);font-size:clamp(28px,4vw,48px);font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.1;margin-bottom:12px;}
.pg-hero-desc{font-size:16px;font-weight:400;color:var(--ink-3);line-height:1.85;max-width:520px;}
.pg-body{padding:64px 40px 96px;background:var(--white);position:relative;z-index:1;}
.pg-body-inner{max-width:820px;margin:0 auto;}
.pg-content{font-size:16px;font-weight:400;color:var(--ink-2);line-height:1.95;}
.pg-content h2{font-family:var(--f-d);font-size:22px;font-weight:800;color:var(--ink);margin:32px 0 14px;letter-spacing:-.01em;padding-bottom:10px;border-bottom:1px solid var(--line);}
.pg-content h3{font-family:var(--f-d);font-size:17px;font-weight:700;color:var(--ink);margin:22px 0 10px;}
.pg-content p{margin-bottom:16px;}
.pg-content strong{color:var(--ink);font-weight:600;}
.pg-content ul{padding-left:20px;list-style:disc;margin:12px 0;}
.pg-content ul li{margin-bottom:6px;}
.pg-dark-block{background:var(--navy);border-radius:var(--r-lg);padding:44px;margin:32px 0;position:relative;overflow:hidden;}
.pg-dark-block::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,var(--gold),transparent);}
.pg-quote-box{border-left:3px solid var(--gold);padding:16px 20px;background:rgba(200,144,16,.08);border-radius:0 10px 10px 0;margin-bottom:20px;}
.pg-quote-box p{font-family:var(--f-s);font-size:16px;font-weight:400;font-style:italic;color:var(--white);line-height:1.65;}
.pg-quote-box cite{display:block;font-family:var(--f-m);font-size:12px;color:var(--gold-lt);margin-top:8px;letter-spacing:.1em;font-style:normal;}
.pg-dark-body{font-size:16px;color:rgba(255,255,255,.85);line-height:1.95;font-weight:400;}
.pg-dark-body strong{color:var(--gold-lt);font-weight:600;}
.pg-metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:28px 0;}
.pg-metric-cell{background:var(--white);padding:20px 16px;transition:background .2s;}
.pg-metric-cell:hover{background:var(--off);}
.pg-metric-lbl{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;margin-bottom:5px;}
.pg-metric-val{font-family:var(--f-d);font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1;}
.pg-metric-val sup{font-size:13px;color:var(--gold);font-weight:600;}
.pg-metric-desc{font-size:13px;color:var(--ink-3);margin-top:4px;font-weight:400;}
.pg-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0;}
.pg-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:24px 18px;text-align:center;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden;}
.pg-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);}
.pg-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(13,27,62,.08);border-color:rgba(200,144,16,.2);}
.pg-card:hover::before{transform:scaleX(1);}
.pg-card-role{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.pg-card-desc{font-size:14px;color:var(--ink-3);line-height:1.55;font-weight:400;}
.pg-tag-wrap{display:flex;flex-wrap:wrap;gap:6px;margin:20px 0;}
.pg-tag{display:inline-flex;align-items:center;gap:5px;background:var(--stone);border:1px solid var(--line);border-radius:20px;padding:5px 13px;font-family:var(--f-m);font-size:13px;letter-spacing:.1em;color:var(--ink-2);}
.pg-no-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:20px 0;}
.pg-no-item{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:18px 14px;text-align:center;}
.pg-no-num{font-family:var(--f-m);font-size:12px;letter-spacing:.1em;color:var(--gold);margin-bottom:8px;}
.pg-no-title{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:4px;}
.pg-no-desc{font-size:13px;color:var(--ink-3);line-height:1.5;font-weight:400;}
.pg-accordion{background:var(--white);border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;overflow:hidden;}
.pg-acc-header{display:grid;grid-template-columns:52px 1fr 28px;align-items:center;gap:16px;padding:20px 24px;cursor:pointer;transition:background .2s;}
.pg-acc-header:hover{background:var(--off);}
.pg-acc-num{font-family:var(--f-d);font-size:28px;font-weight:800;color:rgba(200,144,16,.12);line-height:1;}
.pg-acc-title{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em;}
.pg-acc-arrow{font-size:16px;color:var(--gold);transition:transform .25s;justify-self:end;}
.pg-accordion.open .pg-acc-arrow{transform:rotate(180deg);}
.pg-acc-body{display:none;padding:0 24px 20px 96px;border-top:1px solid rgba(13,27,62,.04);}
.pg-accordion.open .pg-acc-body{display:block;}
.pg-acc-sub{font-family:var(--f-m);font-size:12px;letter-spacing:.1em;color:var(--gold);margin-bottom:3px;}
.pg-acc-problem{font-size:15px;color:var(--ink-3);line-height:1.75;padding:12px 14px;background:var(--off);border-radius:8px;border-left:2px solid var(--line-2);margin:14px 0 10px;font-weight:400;}
.pg-acc-solution{font-size:15px;color:var(--ink-2);line-height:1.75;padding:12px 14px;background:var(--gold-dim);border-radius:8px;border-left:2px solid var(--gold);font-weight:400;}
.pg-acc-solution strong{color:var(--gold-d);font-weight:600;}
.pg-light-block{background:var(--off);border:1px solid var(--line);border-radius:var(--r);padding:22px 26px;margin:24px 0;}
.pg-news-item{display:grid;grid-template-columns:72px 1fr 20px;align-items:center;gap:16px;padding:16px 20px;background:var(--white);border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;transition:box-shadow .2s,border-color .2s,transform .2s;}
.pg-news-item:hover{box-shadow:0 4px 20px rgba(13,27,62,.07);border-color:rgba(200,144,16,.2);transform:translateY(-1px);}
.pg-news-date-num{font-family:var(--f-m);font-size:16px;font-weight:600;color:var(--ink);text-align:center;line-height:1;}
.pg-news-date-sub{font-family:var(--f-m);font-size:12px;color:var(--gold);letter-spacing:.1em;text-align:center;margin-top:3px;}
.pg-news-cat{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;color:var(--gold);text-transform:uppercase;margin-bottom:4px;}
.pg-news-title{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em;line-height:1.3;}
.pg-news-desc{font-size:14px;color:var(--ink-3);margin-top:3px;font-weight:400;line-height:1.5;}
.pg-news-arrow{font-size:16px;color:rgba(200,144,16,.4);}
.pg-kcard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0;}
.pg-kcard{background:var(--white);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .25s,box-shadow .25s;display:block;color:inherit;}
.pg-kcard:hover{transform:translateY(-4px);box-shadow:0 12px 36px rgba(13,27,62,.08);}
.pg-kcard-img{width:100%;aspect-ratio:16/9;background:var(--off);display:flex;align-items:center;justify-content:center;}
.pg-kcard-img-text{font-family:var(--f-m);font-size:13px;letter-spacing:.12em;color:var(--ink-4);text-transform:uppercase;}
.pg-kcard-body{padding:16px 18px 18px;}
.pg-kcard-cat{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;color:var(--gold);text-transform:uppercase;margin-bottom:6px;}
.pg-kcard-title{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);line-height:1.4;margin-bottom:8px;letter-spacing:-.01em;}
.pg-kcard-desc{font-size:14px;color:var(--ink-3);line-height:1.6;font-weight:400;margin-bottom:10px;}
.pg-kcard-foot{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(13,27,62,.04);}
.pg-kcard-date{font-family:var(--f-m);font-size:12px;color:var(--ink-4);}
.pg-kcard-read{font-size:13px;color:var(--gold);font-weight:600;}
.pg-cta-block{text-align:center;padding:48px 24px;background:var(--off);border-radius:var(--r-lg);border:1px solid var(--line);margin-top:32px;}
.pg-cta-title{font-family:var(--f-d);font-size:22px;font-weight:800;color:var(--ink);margin-bottom:8px;letter-spacing:-.01em;}
.pg-cta-desc{font-size:15px;color:var(--ink-3);margin-bottom:22px;font-weight:400;}
.pg-btn{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:var(--white);padding:13px 28px;border-radius:8px;font-family:var(--f-d);font-size:16px;font-weight:700;letter-spacing:.01em;text-decoration:none;transition:background .2s;}
.pg-btn:hover{background:var(--gold);}
.pg-col-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0;}
.pg-col-item{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:20px 16px;}
.pg-col-item-status{font-family:var(--f-m);font-size:12px;letter-spacing:.1em;color:var(--gold);margin-bottom:8px;display:flex;align-items:center;gap:5px;}
.pg-col-item-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);}
.pg-col-item-title{font-family:var(--f-d);font-size:15px;font-weight:700;color:var(--ink);line-height:1.4;margin-bottom:8px;letter-spacing:-.01em;}
.pg-col-item-desc{font-size:13px;color:var(--ink-3);margin-bottom:12px;font-weight:400;line-height:1.6;}
.pg-col-item-link{font-family:var(--f-m);font-size:13px;color:var(--gold);font-weight:600;text-decoration:none;letter-spacing:.04em;}
.pg-social{display:flex;flex-wrap:wrap;gap:8px;}
.pg-soc-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:8px;font-size:15px;font-weight:600;text-decoration:none;transition:opacity .2s;}
.pg-soc-btn:hover{opacity:.85;}
.pg-soc-fb{background:#1877f2;color:#fff;}
.pg-soc-ig{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;}
.pg-soc-yt{background:#ff0000;color:#fff;}
.pg-soc-line{background:#06c755;color:#fff;}
.contact-wrap{max-width:var(--max);margin:0 auto;padding:64px 40px 96px;display:grid;grid-template-columns:1fr 1fr;gap:56px;}
.contact-info-card{background:var(--off);border-radius:var(--r-lg);padding:32px;border:1px solid var(--line);}
.contact-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);}
.contact-item:last-child{border-bottom:none;}
.contact-icon-box{width:38px;height:38px;background:var(--white);border-radius:8px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.contact-icon-box svg{width:16px;height:16px;stroke:var(--gold);fill:none;stroke-width:1.8;}
.contact-lbl{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;color:var(--gold);text-transform:uppercase;margin-bottom:3px;}
.contact-val{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);}
.contact-sub{font-size:14px;color:var(--ink-3);margin-top:2px;font-weight:400;}
.contact-form-label{display:block;font-family:var(--f-m);font-size:12px;letter-spacing:.12em;color:var(--gold);text-transform:uppercase;margin-bottom:6px;}
.contact-input,.contact-select,.contact-textarea{width:100%;padding:13px 16px;border:1px solid var(--line-2);border-radius:8px;font-family:var(--f-b);font-size:16px;color:var(--ink);outline:none;transition:border-color .2s;background:var(--white);margin-bottom:16px;font-weight:400;}
.contact-input:focus,.contact-select:focus,.contact-textarea:focus{border-color:var(--gold);}
.contact-textarea{resize:vertical;line-height:1.65;}
.contact-submit{width:100%;padding:15px;background:var(--navy);color:var(--white);border:none;border-radius:8px;font-family:var(--f-d);font-size:16px;font-weight:800;cursor:pointer;transition:background .2s;letter-spacing:.01em;}
.contact-submit:hover{background:var(--gold);}
.faq-section{padding:64px 40px 96px;background:var(--white);}
.faq-inner{max-width:780px;margin:0 auto;}
.bc{padding:14px 40px;background:var(--off);border-bottom:1px solid var(--line);}
.bc-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:6px;font-family:var(--f-m);font-size:13px;color:var(--ink-3);letter-spacing:.06em;}
.bc-inner a{transition:color .2s;}
.bc-inner a:hover{color:var(--gold);}
.bc-sep{color:rgba(200,144,16,.4);}
.col-hero{padding:72px 40px 56px;background:var(--white);border-bottom:1px solid var(--line);}
.col-hero-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.col-filter{position:sticky;top:68px;z-index:50;background:var(--off);border-bottom:1px solid var(--line);padding:14px 40px;}
.col-filter-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;}
.col-filter-inner::-webkit-scrollbar{display:none;}
.col-filter-btn{padding:7px 18px;border-radius:20px;font-size:14px;font-weight:400;cursor:pointer;border:1px solid var(--line-2);background:transparent;color:var(--ink-3);font-family:var(--f-b);transition:.2s;white-space:nowrap;}
.col-filter-btn:hover,.col-filter-btn.active{background:var(--ink);color:var(--white);border-color:var(--ink);}
.col-grid{max-width:var(--max);margin:0 auto;padding:48px 40px 96px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.prod-page-wrap{padding:56px 40px 0;background:var(--white);}
.prod-page-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;}
.prod-main-img{width:100%;aspect-ratio:1/1;border-radius:var(--r-lg);overflow:hidden;background:var(--stone);margin-bottom:12px;display:flex;align-items:center;justify-content:center;}
.prod-main-img svg{stroke:var(--ink-4);fill:none;}
.prod-thumbs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;}
.prod-thumbs::-webkit-scrollbar{display:none;}
.prod-thumb{width:72px;height:72px;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s;flex-shrink:0;background:var(--stone);display:flex;align-items:center;justify-content:center;}
.prod-thumb.active{border-color:var(--gold);}
.prod-series-tag{font-family:var(--f-m);font-size:12px;letter-spacing:.16em;color:var(--gold);text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.prod-series-tag::before{content:'';width:16px;height:1px;background:var(--gold);opacity:.5;}
.prod-title{font-family:var(--f-d);font-size:clamp(20px,2.8vw,30px);font-weight:800;color:var(--ink);line-height:1.2;letter-spacing:-.02em;margin-bottom:18px;}
.prod-price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:6px;}
.prod-price-main{font-family:var(--f-d);font-size:28px;font-weight:800;color:var(--ink);letter-spacing:-.02em;}
.prod-profit-tag{display:inline-flex;align-items:center;gap:6px;background:var(--stone);border:1px solid var(--line);border-radius:20px;padding:5px 14px;margin-bottom:20px;font-family:var(--f-m);font-size:13px;letter-spacing:.1em;color:var(--ink-2);}
.prod-profit-tag span{color:var(--gold);font-weight:600;}
.prod-short-desc{font-size:15px;font-weight:400;color:var(--ink-3);line-height:1.9;margin-bottom:24px;padding:14px 18px;background:var(--off);border-radius:var(--r);border-left:2px solid var(--line-2);}
.prod-qty-row{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.prod-qty-label{font-family:var(--f-m);font-size:13px;letter-spacing:.12em;color:var(--ink-3);text-transform:uppercase;white-space:nowrap;}
.prod-qty{display:flex;align-items:center;border:1px solid var(--line-2);border-radius:8px;overflow:hidden;}
.qty-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--off);font-size:16px;color:var(--ink-3);cursor:pointer;border:none;transition:.2s;font-family:var(--f-b);}
.qty-btn:hover{background:var(--gold);color:var(--ink);}
.qty-input{width:52px;height:40px;text-align:center;font-family:var(--f-m);font-size:16px;font-weight:600;color:var(--ink);border:none;border-left:1px solid var(--line-2);border-right:1px solid var(--line-2);background:var(--white);outline:none;}
.prod-add-btn{width:100%;padding:16px;margin-bottom:10px;background:var(--navy);color:var(--white);border:none;border-radius:8px;font-family:var(--f-d);font-size:16px;font-weight:800;cursor:pointer;transition:.25s;letter-spacing:.01em;}
.prod-add-btn:hover{background:var(--gold);}
.prod-buy-btn{width:100%;padding:14px;margin-bottom:20px;background:transparent;color:var(--ink);border:1.5px solid var(--line-2);border-radius:8px;font-family:var(--f-d);font-size:15px;font-weight:600;cursor:pointer;transition:.2s;}
.prod-buy-btn:hover{border-color:var(--ink);background:var(--off);}
.prod-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin-bottom:20px;}
.prod-trust-item{background:var(--off);padding:12px 10px;text-align:center;}
.prod-trust-label{font-family:var(--f-m);font-size:12px;letter-spacing:.08em;color:var(--ink-3);line-height:1.5;}
.prod-trust-label b{display:block;font-weight:700;color:var(--ink);}
.prod-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px;}
.prod-tag-pill{font-family:var(--f-m);font-size:13px;color:var(--gold);background:var(--gold-dim);border-radius:20px;padding:3px 10px;letter-spacing:.06em;}
.ingr-section{padding:64px 40px;background:var(--off);border-top:1px solid rgba(13,27,62,.04);}
.ingr-inner{max-width:var(--max);margin:0 auto;}
.ingr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.ingr-card{background:var(--white);border-radius:var(--r);padding:22px;border:1px solid var(--line);transition:box-shadow .25s,border-color .25s;position:relative;overflow:hidden;}
.ingr-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);}
.ingr-card:hover{box-shadow:0 8px 32px rgba(13,27,62,.07);border-color:rgba(200,144,16,.2);}
.ingr-card:hover::before{transform:scaleX(1);}
.ingr-num{font-family:var(--f-m);font-size:28px;font-weight:400;color:rgba(200,144,16,.12);line-height:1;margin-bottom:10px;letter-spacing:-.02em;}
.ingr-name{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:3px;letter-spacing:-.01em;}
.ingr-brand{font-family:var(--f-m);font-size:13px;color:var(--gold);margin-bottom:8px;letter-spacing:.06em;}
.ingr-dose{display:inline-flex;align-items:center;gap:4px;background:var(--gold-dim);border-radius:4px;padding:3px 10px;font-family:var(--f-m);font-size:13px;color:var(--ink-2);margin-bottom:8px;}
.ingr-desc{font-size:14px;color:var(--ink-3);line-height:1.65;font-weight:400;}
.yt-section{padding:72px 40px;background:var(--navy);position:relative;overflow:hidden;}
.yt-section::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;}
.yt-inner{max-width:var(--max);margin:0 auto;position:relative;z-index:1;}
.yt-wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.yt-title{font-family:var(--f-d);font-size:clamp(22px,3vw,34px);font-weight:800;color:var(--white);letter-spacing:-.02em;line-height:1.2;margin-bottom:14px;}
.yt-desc{font-size:16px;font-weight:400;color:rgba(255,255,255,.85);line-height:1.85;}
.yt-desc strong{color:var(--gold-lt);font-weight:600;}
.yt-video-wrap{border-radius:var(--r-lg);overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 32px 80px rgba(0,0,0,.4);}
.yt-video-wrap iframe{width:100%;height:100%;border:none;display:block;}
.yt-placeholder{width:100%;height:100%;background:rgba(255,255,255,.04);border:1.5px dashed rgba(200,144,16,.25);border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px;aspect-ratio:16/9;}
.yt-placeholder svg{stroke:rgba(200,144,16,.3);fill:none;}
.yt-placeholder-text{font-family:var(--f-m);font-size:13px;color:rgba(200,144,16,.4);letter-spacing:.12em;text-align:center;line-height:1.8;}
.edm-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:32px 0;}
.edm-feat-card{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);transition:transform .3s var(--ease),box-shadow .3s,border-color .3s;}
.edm-feat-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(13,27,62,.08);border-color:rgba(200,144,16,.2);}
.edm-feat-img{width:100%;aspect-ratio:1/1;background:var(--stone);display:flex;align-items:center;justify-content:center;}
.edm-feat-img svg{stroke:var(--ink-4);fill:none;stroke-width:1.2;}
.edm-feat-img-ph{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px;}
.edm-feat-ph-label{font-family:var(--f-m);font-size:12px;color:var(--gold-lt);letter-spacing:.1em;line-height:1.8;text-align:center;}
.edm-feat-body{padding:18px 18px 20px;}
.edm-feat-num{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;color:var(--gold);margin-bottom:5px;}
.edm-feat-title{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em;margin-bottom:6px;}
.edm-feat-desc{font-size:15px;font-weight:400;color:var(--ink-3);line-height:1.7;}
.edm-long-container{display:flex;flex-direction:column;gap:0;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);}
.edm-long-img{width:100%;height:auto;display:block;margin:0;padding:0;vertical-align:bottom;}
.edm-long-ph{width:100%;min-height:320px;background:var(--stone);border-bottom:1px dashed rgba(200,144,16,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;}
.edm-long-ph:last-child{border-bottom:none;}
.edm-long-ph svg{stroke:rgba(200,144,16,.25);fill:none;}
.edm-long-ph-text{font-family:var(--f-m);font-size:13px;letter-spacing:.1em;color:var(--gold-lt);text-align:center;line-height:1.8;}
.related{padding:64px 40px 80px;background:var(--off);}
.related-inner{max-width:var(--max);margin:0 auto;}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:28px;}
@media(max-width:600px){.pg-card-grid{grid-template-columns:repeat(2,1fr);}.pg-no-grid{grid-template-columns:repeat(3,1fr);}.pg-kcard-grid{grid-template-columns:1fr 1fr;}.contact-wrap{grid-template-columns:1fr;}.col-grid{grid-template-columns:repeat(3,1fr);}.prod-page-inner{grid-template-columns:1fr;gap:32px;}.ingr-grid{grid-template-columns:1fr 1fr;}.yt-wrap{grid-template-columns:1fr;}.edm-feat-grid{grid-template-columns:1fr;}.related-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:768px){.pg-hero,.pg-body,.faq-section,.col-hero,.col-grid,.ingr-section,.yt-section,.related,.contact-wrap,.pg-kcard-grid{padding-left:20px;padding-right:20px;}.pg-no-grid{grid-template-columns:repeat(2,1fr);}.col-filter{padding-left:20px;padding-right:20px;}.col-grid{grid-template-columns:repeat(2,1fr);}.pg-acc-body{padding:0 20px 18px;}.pg-kcard-grid{grid-template-columns:1fr;}}


/* ── page-bio-o 輕量化覆蓋 ── */

/* 數據格：移除邊框 */
.pg-metric-cell::before {
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--gold),transparent);
  transform:scaleX(0);transform-origin:left;
  transition:transform .3s var(--ease);
.pg-metric-cell:hover::before { transform:scaleX(1); }

/* 卡片：無邊框陰影 */
}

/* 兩欄資訊卡：無邊框陰影 */
.pg-info-card {
  background:var(--off);border-radius:var(--r-lg);padding:28px;
  box-shadow:0 2px 12px rgba(13,27,62,.04);
.prod-mini-card:hover { transform:translateY(-4px) !important; box-shadow:0 10px 32px rgba(13,27,62,.12) !important; }
.prod-mini-card:hover img { transform:scale(1.05); }
.faith-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(13,27,62,.06);border-radius:var(--r-lg);overflow:hidden;margin:0 0 56px;}
.faith-stat{background:var(--navy);padding:32px 24px;position:relative;overflow:hidden;}
.faith-stat-bg{position:absolute;top:-10px;right:-8px;font-family:var(--f-d);font-size:72px;font-weight:800;color:rgba(255,255,255,.7);line-height:1;pointer-events:none;}
.faith-stat-label{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;color:rgba(255,255,255,.7);text-transform:uppercase;margin-bottom:12px;}
.faith-stat-old{font-family:var(--f-d);font-size:28px;font-weight:800;color:rgba(255,255,255,.7);letter-spacing:-.02em;line-height:1;text-decoration:line-through;margin-bottom:6px;}
.faith-stat-sep{width:28px;height:1px;background:rgba(255,255,255,.12);margin:8px 0;}
.faith-stat-new{font-family:var(--f-d);font-size:24px;font-weight:800;color:var(--gold-lt);letter-spacing:-.01em;line-height:1;margin-bottom:6px;}
.faith-stat-desc{font-size:13px;color:rgba(255,255,255,.7);font-weight:400;}
.faith-no-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:48px;}
.faith-no-card{background:var(--white);border-radius:var(--r-lg);box-shadow:0 2px 14px rgba(13,27,62,.06);padding:24px 18px;text-align:center;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;}
.faith-no-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);}
.faith-no-card:hover{transform:translateY(-4px);box-shadow:0 10px 32px rgba(13,27,62,.1);}
.faith-no-card:hover::before{transform:scaleX(1);}
.faith-no-num{font-family:var(--f-m);font-size:12px;letter-spacing:.16em;color:var(--gold);text-transform:uppercase;margin-bottom:10px;}
.faith-no-icon{width:40px;height:40px;background:var(--gold-dim);border-radius:10px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;}
.faith-no-title{font-family:var(--f-d);font-size:16px;font-weight:800;color:var(--ink);margin-bottom:6px;letter-spacing:-.01em;}
.faith-no-desc{font-size:13px;color:var(--ink-3);line-height:1.6;font-weight:400;}
.faith-acc{background:var(--white);border:none;box-shadow:0 2px 12px rgba(13,27,62,.05);border-radius:var(--r-lg);margin-bottom:10px;overflow:hidden;transition:box-shadow .2s;}
.faith-acc.open{box-shadow:0 4px 24px rgba(13,27,62,.09);}
.faith-acc-header{display:grid;grid-template-columns:60px 1fr 28px;align-items:center;gap:16px;padding:22px 24px;cursor:pointer;transition:background .2s;background:var(--white);}
.faith-acc-header:hover{background:var(--off);}
.faith-acc-num{font-family:var(--f-d);font-size:32px;font-weight:800;color:rgba(200,144,16,.12);line-height:1;letter-spacing:-.02em;}
.faith-acc-title{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em;}
.faith-acc-sub{font-family:var(--f-m);font-size:12px;letter-spacing:.1em;color:var(--gold);margin-bottom:3px;}
.faith-acc-arrow{font-size:16px;color:var(--gold);transition:transform .25s;justify-self:end;}
.faith-acc.open .faith-acc-arrow{transform:rotate(180deg);}
.faith-acc-body{display:none;padding:0 24px 24px 100px;border-top:1px solid rgba(13,27,62,.04);}
.faith-acc.open .faith-acc-body{display:block;}
.faith-acc-compare{display:grid;grid-template-columns:1fr 28px 1fr;gap:8px;align-items:center;margin:16px 0 14px;}
.faith-acc-industry{background:rgba(13,27,62,.04);border-radius:8px;padding:12px 14px;}
.faith-acc-bio{background:rgba(200,144,16,.08);border-radius:8px;padding:12px 14px;border:1px solid rgba(200,144,16,.2);}
.faith-acc-compare-label{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;color:var(--ink-4);text-transform:uppercase;margin-bottom:4px;}
.faith-acc-bio .faith-acc-compare-label{color:var(--gold);}
.faith-acc-compare-val{font-size:14px;font-weight:600;color:var(--ink-3);}
.faith-acc-bio .faith-acc-compare-val{color:var(--gold-d);}
.faith-acc-arrow-mid{text-align:center;color:rgba(200,144,16,.4);font-size:16px;}
.faith-acc-problem{font-size:15px;color:var(--ink-3);line-height:1.75;padding:12px 14px;background:var(--off);border-radius:8px;border-left:2px solid rgba(13,27,62,.1);margin-bottom:10px;font-weight:400;}
.faith-acc-solution{font-size:15px;color:var(--ink-2);line-height:1.75;padding:12px 14px;background:rgba(200,144,16,.06);border-radius:8px;border-left:2px solid var(--gold);font-weight:400;}
.faith-acc-solution strong{color:var(--gold-d);font-weight:600;}
.faith-cta{background:var(--navy);border-radius:var(--r-lg);padding:48px;text-align:center;position:relative;overflow:hidden;margin-top:40px;}
.faith-cta::after{content:'JUSTICE';position:absolute;right:-20px;bottom:-20px;font-family:var(--f-d);font-size:100px;font-weight:800;color:rgba(255,255,255,.7);line-height:1;pointer-events:none;letter-spacing:-.04em;}
@media(max-width:600px){.faith-stats{grid-template-columns:repeat(2,1fr);}.faith-no-grid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:768px){.faith-stats{grid-template-columns:1fr 1fr;}.faith-no-grid{grid-template-columns:repeat(2,1fr);}.faith-acc-body{padding:0 20px 20px;}.faith-acc-compare{grid-template-columns:1fr;}.faith-acc-arrow-mid{display:none;}}
.pg-col-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(13,27,62,.08);}
.know-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;}
.know-filter-btn{padding:7px 18px;border-radius:20px;font-size:14px;cursor:pointer;border:1px solid rgba(13,27,62,.08);background:transparent;color:var(--ink-3);font-family:var(--f-b);transition:.2s;white-space:nowrap;}
.know-filter-btn:hover,.know-filter-btn.active{background:var(--ink);color:var(--white);border-color:var(--ink);}
.know-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;}
.know-card{background:var(--white);border:none;box-shadow:0 2px 14px rgba(13,27,62,.05);border-radius:var(--r-lg);overflow:hidden;transition:transform .25s,box-shadow .25s;display:block;color:inherit;text-decoration:none;}
.know-card:hover{transform:translateY(-4px);box-shadow:0 10px 32px rgba(13,27,62,.1);}
.know-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--stone);position:relative;}
.know-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.know-card:hover .know-card-img img{transform:scale(1.05);}
.know-card-img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--stone),var(--off));}
.know-card-body{padding:18px 20px 20px;}
.know-card-cat{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;color:var(--gold);text-transform:uppercase;margin-bottom:6px;}
.know-card-title{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);line-height:1.4;margin-bottom:8px;letter-spacing:-.01em;}
.know-card-desc{font-size:14px;color:var(--ink-3);line-height:1.6;font-weight:400;margin-bottom:12px;}
.know-card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(13,27,62,.04);}
.know-card-date{font-family:var(--f-m);font-size:12px;color:var(--ink-4);}
.know-card-read{font-size:13px;color:var(--gold);font-weight:600;}
.know-secret-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px;}
.know-secret-card{background:var(--off);border-radius:var(--r-lg);padding:24px;box-shadow:0 2px 12px rgba(13,27,62,.04);transition:transform .2s,box-shadow .2s;}
.know-secret-card:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(13,27,62,.08);}
.know-empty{text-align:center;padding:48px 20px;color:var(--ink-3);}
@media(max-width:600px){.know-grid{grid-template-columns:repeat(2,1fr);}.know-secret-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:768px){.know-grid{grid-template-columns:1fr;}.know-secret-grid{grid-template-columns:1fr;}}
.pg-accordion.open{box-shadow:0 4px 20px rgba(13,27,62,.08);}
.pg-no-item:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(13,27,62,.1);}
.prod-series-brand{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;color:var(--ink-4);text-transform:uppercase;margin-bottom:2px;}
.prod-video-section{background:var(--navy);padding:48px 40px;}
.prod-video-inner{max-width:var(--max);margin:0 auto;}
.prod-video-label{font-family:var(--f-m);font-size:12px;letter-spacing:.2em;color:var(--gold-lt);text-transform:uppercase;margin-bottom:12px;display:flex;align-items:center;gap:8px;}
.prod-video-label::before{content:'';width:16px;height:1px;background:var(--gold-lt);opacity:.5;display:inline-block;}
.prod-video-title{font-family:var(--f-d);font-size:clamp(18px,2.5vw,26px);font-weight:800;color:var(--white);margin-bottom:20px;letter-spacing:-.02em;line-height:1.2;}
.prod-video-wrap{position:relative;width:100%;padding-bottom:56.25%;border-radius:var(--r-lg);overflow:hidden;box-shadow:0 12px 48px rgba(0,0,0,.35);}
.prod-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;}
.prod-video-ph{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(13,27,62,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer;transition:background .2s;}
.prod-video-ph:hover{background:rgba(13,27,62,.3);}
.prod-video-play{width:72px;height:72px;background:rgba(255,255,255,.12);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s;}
.prod-video-ph:hover .prod-video-play{transform:scale(1.1);background:var(--gold);}
/* ── 商品主區 ── */
.prod-page{padding:56px 40px 0;background:var(--white);}
.prod-main-img img{width:100%;height:100%;object-fit:cover;display:block;}
.prod-thumb img{width:100%;height:100%;object-fit:cover;}
.prod-price-compare{font-size:16px;color:var(--ink-4);text-decoration:line-through;}
.prod-add-btn:disabled{background:var(--ink-4);cursor:not-allowed;}
.nutrition-section{padding:64px 40px;background:var(--white);}
.nutrition-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.nutrition-img-wrap{border-radius:var(--r-lg);overflow:hidden;box-shadow:0 4px 24px rgba(13,27,62,.08);}
.nutrition-img-wrap img{width:100%;display:block;}
.nutrition-img-ph{width:100%;aspect-ratio:3/4;background:var(--stone);border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;}
/* ── EDM 長圖 ── */
.edm-section{padding:64px 40px;background:var(--off);}
.edm-inner{max-width:var(--max);margin:0 auto;}
.edm-img-wrap{border-radius:var(--r-lg);overflow:hidden;box-shadow:0 4px 24px rgba(13,27,62,.06);}
.edm-img-wrap img{width:100%;display:block;}
.edm-ph{width:100%;min-height:280px;background:var(--stone);border-radius:var(--r-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;}
/* ── 相關商品 ── */
}


/* ── 購買須知摺疊 ── */
.faq-item{background:var(--white);border-radius:var(--r);box-shadow:0 2px 10px rgba(13,27,62,.05);margin-bottom:8px;overflow:hidden;transition:box-shadow .2s;}
.faq-item.open{box-shadow:0 4px 20px rgba(13,27,62,.08);}
.faq-q{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;cursor:pointer;transition:background .2s;}
.faq-q:hover{background:var(--off);}
.faq-q-text{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em;}
.faq-arrow{font-size:16px;color:var(--gold);transition:transform .25s;}
.faq-item.open .faq-arrow{transform:rotate(180deg);}
.faq-a{display:none;padding:0 22px 18px;font-size:15px;color:var(--ink-3);line-height:1.85;font-weight:400;border-top:1px solid rgba(13,27,62,.04);}
.faq-item.open .faq-a{display:block;}
@media(max-width:768px){
  .faq-section{padding-left:20px;padding-right:20px;}
  .prod-video-inner[style]{grid-template-columns:1fr !important;gap:24px !important;}
}


/* ── 規格摺疊區 ── */
.prod-specs { margin-bottom:16px; }
.prod-spec-item { border-bottom: 1px solid rgba(13,27,62,.07); }
.prod-spec-item:first-child { border-top: 1px solid rgba(13,27,62,.07); }
.prod-spec-header { display:flex;align-items:center;justify-content:space-between;padding:14px 4px;cursor:pointer;font-size:15px;font-weight:600;color:var(--ink);transition:color .2s;user-select:none; }
.prod-spec-header:hover { color:var(--gold); }
.prod-spec-arrow { font-size:14px;color:var(--ink-4);transition:transform .25s;flex-shrink:0; }
.prod-spec-item.open .prod-spec-arrow { transform:rotate(180deg); }
.prod-spec-body { display:none;padding:0 4px 14px;font-size:14px;color:var(--ink-3);line-height:1.8;font-weight:400; }
.prod-spec-item.open .prod-spec-body { display:block; }
/* Share */
.prod-share { margin-bottom:20px; }
.prod-share-btn { display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;cursor:pointer;font-size:15px;color:var(--ink-3);padding:6px 4px;transition:color .2s;font-family:var(--f-b); }
.prod-share-btn:hover { color:var(--ink); }

/* ══ Section CSS ══ */

/* == bio-o-404.liquid == */
:root {
  --white:  #FFFFFF;
  --off:    #F6F8FC;
  --stone:  #EEF1F8;
  --ink:    #0D1B3E;
  --ink-2:  #2A3F6B;
  --ink-3:  #4B5C7E;
  --ink-4:  #7A8AA6;
  --gold:   #D9912E;
  --gold-lt:#F5C95A;
  --gold-d: #9A6C08;
  --gold-dim:rgba(200,144,16,0.08);
  --teal:   #1A9BBF;
  --teal-lt:#2AB8D8;
  --navy:   #0D1B3E;
  --line:   rgba(13,27,62,0.05);
  --line-2: rgba(13,27,62,0.08);
  --f-d: var(--sv-font);
  --f-b: var(--sv-font);
  --f-s: var(--sv-font);
  --f-m: var(--sv-font);
  --max:    1240px;
  --ease:   cubic-bezier(0.16,1,0.3,1);
  --r:      12px;
  --r-lg:   20px;
}

/* == bio-o-bio-o.liquid == */
.pg-body,.faq-section,.col-hero,.col-grid,.ingr-section,.yt-section,.related,.contact-wrap,.pg-kcard-grid{padding-left:20px;padding-right:20px;}
.pg-body-inner{max-width:820px;margin:0 auto;}
.pg-body{padding:64px 40px 96px;background:var(--white);position:relative;z-index:1;}
.pg-card-desc{font-size:14px;color:var(--ink-3);line-height:1.55;font-weight:400;}
.pg-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:24px 0;}
.pg-card-grid{grid-template-columns:repeat(2,1fr);}
.pg-card-role{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px;}
.pg-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);}
.pg-card:hover::before{transform:scaleX(1);}
.pg-card:hover{transform:translateY(-3px);box-shadow:0 8px 32px rgba(13,27,62,.08);border-color:rgba(200,144,16,.2);}
.pg-card{background:var(--white);border:1px solid var(--line);border-radius:var(--r);padding:24px 18px;text-align:center;transition:transform .25s,box-shadow .25s,border-color .25s;position:relative;overflow:hidden;}
.pg-dark-block::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,var(--gold),transparent);}
.pg-dark-block{background:var(--navy);border-radius:var(--r-lg);padding:44px;margin:32px 0;position:relative;overflow:hidden;}
.pg-hero,.pg-body,.faq-section,.col-hero,.col-grid,.ingr-section,.yt-section,.related,.contact-wrap,.pg-kcard-grid{padding-left:20px;padding-right:20px;}
.pg-hero-desc{font-size:16px;font-weight:400;color:var(--ink-3);line-height:1.85;max-width:520px;}
.pg-hero-inner{max-width:var(--max);margin:0 auto;}
.pg-hero-title{font-family:var(--f-d);font-size:clamp(28px,4vw,48px);font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.1;margin-bottom:12px;}
.pg-hero::after{content:attr(data-bg);position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-family:var(--f-m);font-size:130px;font-weight:600;color:rgba(13,27,62,.03);white-space:nowrap;pointer-events:none;letter-spacing:.06em;text-transform:uppercase;}
.pg-hero{padding:72px 40px 56px;background:var(--white);border-bottom:1px solid var(--line);position:relative;overflow:hidden;}
.pg-metric-cell::before {
  content:'';position:absolute;top:0;left:0;right:0;height:2px;
  background:linear-gradient(90deg,var(--gold),transparent);
  transform:scaleX(0);transform-origin:left;
  transition:transform .3s var(--ease);
.pg-metric-cell:hover::before { transform:scaleX(1); }
.pg-metric-cell:hover::before { transform:scaleX(1); }
.pg-metric-cell:hover{background:var(--off);}
.pg-metric-cell{background:var(--white);padding:20px 16px;transition:background .2s;}
.pg-metric-desc{font-size:13px;color:var(--ink-3);margin-top:4px;font-weight:400;}
.pg-metric-lbl{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;color:var(--ink-3);text-transform:uppercase;margin-bottom:5px;}
.pg-metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;margin:28px 0;}
.pg-metric-val sup{font-size:13px;color:var(--gold);font-weight:600;}
.pg-metric-val{font-family:var(--f-d);font-size:26px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1;}
.reveal.visible{opacity:1;transform:none;}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.section-ey::before{content:'';width:18px;height:1px;background:var(--teal);opacity:.5;}
.section-ey{font-family:var(--f-m);font-size:13px;letter-spacing:.18em;color:var(--teal);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
:root {
  --white:  #FFFFFF;
  --off:    #F6F8FC;
  --stone:  #EEF1F8;
  --ink:    #0D1B3E;
  --ink-2:  #2A3F6B;
  --ink-3:  #4B5C7E;
  --ink-4:  #7A8AA6;
  --gold:   #D9912E;
  --gold-lt:#F5C95A;
  --gold-d: #9A6C08;
  --gold-dim:rgba(200,144,16,0.08);
  --teal:   #1A9BBF;
  --teal-lt:#2AB8D8;
  --navy:   #0D1B3E;
  --line:   rgba(13,27,62,0.05);
  --line-2: rgba(13,27,62,0.08);
  --f-d: var(--sv-font);
  --f-b: var(--sv-font);
  --f-s: var(--sv-font);
  --f-m: var(--sv-font);
  --max:    1240px;
  --ease:   cubic-bezier(0.16,1,0.3,1);
  --r:      12px;
  --r-lg:   20px;
}

/* == bio-o-collection.liquid == */
.active {
  background: var(--ink); color: var(--white); border-color: var(--ink);
}
.active{background:var(--ink);color:var(--white);border-color:var(--ink);}
.active{border-color:var(--gold);}
.col-filter-btn:hover,.col-filter-btn.active{background:var(--ink);color:var(--white);border-color:var(--ink);}
.col-filter-btn{padding:7px 18px;border-radius:20px;font-size:14px;font-weight:400;cursor:pointer;border:1px solid var(--line-2);background:transparent;color:var(--ink-3);font-family:var(--f-b);transition:.2s;white-space:nowrap;}
.col-filter-inner::-webkit-scrollbar{display:none;}
.col-filter-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none;}
.col-filter{padding-left:20px;padding-right:20px;}
.col-filter{position:sticky;top:68px;z-index:50;background:var(--off);border-bottom:1px solid var(--line);padding:14px 40px;}
.col-grid,.ingr-section,.yt-section,.related,.contact-wrap,.pg-kcard-grid{padding-left:20px;padding-right:20px;}
.col-grid{grid-template-columns:repeat(2,1fr);}
.col-grid{grid-template-columns:repeat(3,1fr);}
.col-grid{max-width:var(--max);margin:0 auto;padding:48px 40px 96px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.col-hero,.col-grid,.ingr-section,.yt-section,.related,.contact-wrap,.pg-kcard-grid{padding-left:20px;padding-right:20px;}
.col-hero-inner{max-width:var(--max);margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between;gap:32px;flex-wrap:wrap;}
.col-hero{padding:72px 40px 56px;background:var(--white);border-bottom:1px solid var(--line);}
.pg-hero-desc{font-size:16px;font-weight:400;color:var(--ink-3);line-height:1.85;max-width:520px;}
.pg-hero-title{font-family:var(--f-d);font-size:clamp(28px,4vw,48px);font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.1;margin-bottom:12px;}
.prod-badge{position:absolute;top:10px;left:10px;background:var(--navy);color:var(--white);font-family:var(--f-m);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:4px;z-index:2;}
.prod-body{padding:16px 16px 18px;}
.prod-btn:hover{background:var(--ink);color:var(--white);border-color:var(--ink);}
.prod-btn{font-size:14px;font-weight:600;color:var(--ink);border:1.5px solid var(--line-2);border-radius:6px;padding:7px 14px;background:transparent;transition:.2s;cursor:pointer;font-family:var(--f-d);}
.prod-card:hover .prod-img img{transform:scale(1.05);}
.prod-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(13,27,62,.12);}
.prod-card{
  background:var(--white);border-radius:var(--r-lg);
  border:none;overflow:hidden;
  box-shadow:0 2px 16px rgba(13,27,62,.06);
  transition:transform .3s var(--ease),box-shadow .3s;
.prod-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(13,27,62,.12);}
.prod-card{min-width:72vw;flex-shrink:0;scroll-snap-align:start;}
.prod-foot{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(13,27,62,.04);}
.prod-img img{transform:scale(1.05);}
.prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.prod-img-ph span{font-family:var(--f-m);font-size:12px;color:var(--ink-4);letter-spacing:.1em;text-align:center;line-height:1.7;}
.prod-img-ph svg{stroke:var(--ink-4);fill:none;stroke-width:1.2;}
.prod-img-ph{display:flex;flex-direction:column;align-items:center;gap:8px;}
.prod-img{width:100%;aspect-ratio:1/1;background:var(--off);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;}
.prod-name{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);line-height:1.35;margin-bottom:12px;letter-spacing:-.01em;}
.prod-price-compare{font-size:16px;color:var(--ink-4);text-decoration:line-through;}
.prod-price-main{font-family:var(--f-d);font-size:28px;font-weight:800;color:var(--ink);letter-spacing:-.02em;}
.prod-price-note{font-size:13px;color:var(--ink-4);margin-top:2px;font-weight:400;}
.prod-price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:6px;}
.prod-price{font-family:var(--f-d);font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.01em;}
.prod-series-brand{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;color:var(--ink-4);text-transform:uppercase;margin-bottom:2px;}
.prod-series-tag::before{content:'';width:16px;height:1px;background:var(--gold);opacity:.5;}
.prod-series-tag{font-family:var(--f-m);font-size:12px;letter-spacing:.16em;color:var(--gold);text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.prod-series{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;color:var(--teal);text-transform:uppercase;margin-bottom:4px;}
.reveal.visible{opacity:1;transform:none;}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.section-ey::before{content:'';width:18px;height:1px;background:var(--teal);opacity:.5;}
.section-ey{font-family:var(--f-m);font-size:13px;letter-spacing:.18em;color:var(--teal);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
:root {
  --white:  #FFFFFF;
  --off:    #F6F8FC;
  --stone:  #EEF1F8;
  --ink:    #0D1B3E;
  --ink-2:  #2A3F6B;
  --ink-3:  #4B5C7E;
  --ink-4:  #7A8AA6;
  --gold:   #D9912E;
  --gold-lt:#F5C95A;
  --gold-d: #9A6C08;
  --gold-dim:rgba(200,144,16,0.08);
  --teal:   #1A9BBF;
  --teal-lt:#2AB8D8;
  --navy:   #0D1B3E;
  --line:   rgba(13,27,62,0.05);
  --line-2: rgba(13,27,62,0.08);
  --f-d: var(--sv-font);
  --f-b: var(--sv-font);
  --f-s: var(--sv-font);
  --f-m: var(--sv-font);
  --max:    1240px;
  --ease:   cubic-bezier(0.16,1,0.3,1);
  --r:      12px;
  --r-lg:   20px;
}

/* == bio-o-contact.liquid == */
.contact-form-label{display:block;font-family:var(--f-m);font-size:12px;letter-spacing:.12em;color:var(--gold);text-transform:uppercase;margin-bottom:6px;}
.contact-icon-box svg{width:16px;height:16px;stroke:var(--gold);fill:none;stroke-width:1.8;}
.contact-icon-box{width:38px;height:38px;background:var(--white);border-radius:8px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.contact-info-card{background:var(--off);border-radius:var(--r-lg);padding:32px;border:1px solid var(--line);}
.contact-input,.contact-select,.contact-textarea{width:100%;padding:13px 16px;border:1px solid var(--line-2);border-radius:8px;font-family:var(--f-b);font-size:16px;color:var(--ink);outline:none;transition:border-color .2s;background:var(--white);margin-bottom:16px;font-weight:400;}
.contact-input:focus,.contact-select:focus,.contact-textarea:focus{border-color:var(--gold);}
.contact-item:last-child{border-bottom:none;}
.contact-item{display:flex;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);}
.contact-lbl{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;color:var(--gold);text-transform:uppercase;margin-bottom:3px;}
.contact-select,.contact-textarea{width:100%;padding:13px 16px;border:1px solid var(--line-2);border-radius:8px;font-family:var(--f-b);font-size:16px;color:var(--ink);outline:none;transition:border-color .2s;background:var(--white);margin-bottom:16px;font-weight:400;}
.contact-select:focus,.contact-textarea:focus{border-color:var(--gold);}
.contact-submit:hover{background:var(--gold);}
.contact-submit{width:100%;padding:15px;background:var(--navy);color:var(--white);border:none;border-radius:8px;font-family:var(--f-d);font-size:16px;font-weight:800;cursor:pointer;transition:background .2s;letter-spacing:.01em;}
.contact-sub{font-size:14px;color:var(--ink-3);margin-top:2px;font-weight:400;}
.contact-textarea:focus{border-color:var(--gold);}
.contact-textarea{resize:vertical;line-height:1.65;}
.contact-textarea{width:100%;padding:13px 16px;border:1px solid var(--line-2);border-radius:8px;font-family:var(--f-b);font-size:16px;color:var(--ink);outline:none;transition:border-color .2s;background:var(--white);margin-bottom:16px;font-weight:400;}
.contact-val{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);}
.contact-wrap,.pg-kcard-grid{padding-left:20px;padding-right:20px;}
.contact-wrap{grid-template-columns:1fr;}
.contact-wrap{max-width:var(--max);margin:0 auto;padding:64px 40px 96px;display:grid;grid-template-columns:1fr 1fr;gap:56px;}
.pg-hero,.pg-body,.faq-section,.col-hero,.col-grid,.ingr-section,.yt-section,.related,.contact-wrap,.pg-kcard-grid{padding-left:20px;padding-right:20px;}
.pg-hero-desc{font-size:16px;font-weight:400;color:var(--ink-3);line-height:1.85;max-width:520px;}
.pg-hero-inner{max-width:var(--max);margin:0 auto;}
.pg-hero-title{font-family:var(--f-d);font-size:clamp(28px,4vw,48px);font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.1;margin-bottom:12px;}
.pg-hero::after{content:attr(data-bg);position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-family:var(--f-m);font-size:130px;font-weight:600;color:rgba(13,27,62,.03);white-space:nowrap;pointer-events:none;letter-spacing:.06em;text-transform:uppercase;}
.pg-hero{padding:72px 40px 56px;background:var(--white);border-bottom:1px solid var(--line);position:relative;overflow:hidden;}
.reveal.visible{opacity:1;transform:none;}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.section-ey::before{content:'';width:18px;height:1px;background:var(--teal);opacity:.5;}
.section-ey{font-family:var(--f-m);font-size:13px;letter-spacing:.18em;color:var(--teal);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
:root {
  --white:  #FFFFFF;
  --off:    #F6F8FC;
  --stone:  #EEF1F8;
  --ink:    #0D1B3E;
  --ink-2:  #2A3F6B;
  --ink-3:  #4B5C7E;
  --ink-4:  #7A8AA6;
  --gold:   #D9912E;
  --gold-lt:#F5C95A;
  --gold-d: #9A6C08;
  --gold-dim:rgba(200,144,16,0.08);
  --teal:   #1A9BBF;
  --teal-lt:#2AB8D8;
  --navy:   #0D1B3E;
  --line:   rgba(13,27,62,0.05);
  --line-2: rgba(13,27,62,0.08);
  --f-d: var(--sv-font);
  --f-b: var(--sv-font);
  --f-s: var(--sv-font);
  --f-m: var(--sv-font);
  --max:    1240px;
  --ease:   cubic-bezier(0.16,1,0.3,1);
  --r:      12px;
  --r-lg:   20px;
}

/* == bio-o-faith.liquid == */
.faith-acc-arrow-mid{display:none;}
.faith-acc-arrow-mid{text-align:center;color:rgba(200,144,16,.4);font-size:16px;}
.faith-acc-arrow{font-size:16px;color:var(--gold);transition:transform .25s;justify-self:end;}
.faith-acc-arrow{transform:rotate(180deg);}
.faith-acc-bio .faith-acc-compare-label{color:var(--gold);}
.faith-acc-bio .faith-acc-compare-val{color:var(--gold-d);}
.faith-acc-bio{background:rgba(200,144,16,.08);border-radius:8px;padding:12px 14px;border:1px solid rgba(200,144,16,.2);}
.faith-acc-body{display:block;}
.faith-acc-body{display:none;padding:0 24px 24px 100px;border-top:1px solid rgba(13,27,62,.04);}
.faith-acc-body{padding:0 20px 20px;}
.faith-acc-compare-label{color:var(--gold);}
.faith-acc-compare-label{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;color:var(--ink-4);text-transform:uppercase;margin-bottom:4px;}
.faith-acc-compare-val{color:var(--gold-d);}
.faith-acc-compare-val{font-size:14px;font-weight:600;color:var(--ink-3);}
.faith-acc-compare{display:grid;grid-template-columns:1fr 28px 1fr;gap:8px;align-items:center;margin:16px 0 14px;}
.faith-acc-compare{grid-template-columns:1fr;}
.faith-acc-header:hover{background:var(--off);}
.faith-acc-header{display:grid;grid-template-columns:60px 1fr 28px;align-items:center;gap:16px;padding:22px 24px;cursor:pointer;transition:background .2s;background:var(--white);}
.faith-acc-industry{background:rgba(13,27,62,.04);border-radius:8px;padding:12px 14px;}
.faith-acc-num{font-family:var(--f-d);font-size:32px;font-weight:800;color:rgba(200,144,16,.12);line-height:1;letter-spacing:-.02em;}
.faith-acc-problem{font-size:15px;color:var(--ink-3);line-height:1.75;padding:12px 14px;background:var(--off);border-radius:8px;border-left:2px solid rgba(13,27,62,.1);margin-bottom:10px;font-weight:400;}
.faith-acc-solution strong{color:var(--gold-d);font-weight:600;}
.faith-acc-solution{font-size:15px;color:var(--ink-2);line-height:1.75;padding:12px 14px;background:rgba(200,144,16,.06);border-radius:8px;border-left:2px solid var(--gold);font-weight:400;}
.faith-acc-sub{font-family:var(--f-m);font-size:12px;letter-spacing:.1em;color:var(--gold);margin-bottom:3px;}
.faith-acc-title{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em;}
.faith-acc.open .faith-acc-arrow{transform:rotate(180deg);}
.faith-acc.open .faith-acc-body{display:block;}
.faith-acc.open{box-shadow:0 4px 24px rgba(13,27,62,.09);}
.faith-acc{background:var(--white);border:none;box-shadow:0 2px 12px rgba(13,27,62,.05);border-radius:var(--r-lg);margin-bottom:10px;overflow:hidden;transition:box-shadow .2s;}
.faith-cta::after{content:'JUSTICE';position:absolute;right:-20px;bottom:-20px;font-family:var(--f-d);font-size:100px;font-weight:800;color:rgba(255,255,255,.7);line-height:1;pointer-events:none;letter-spacing:-.04em;}
.faith-cta{background:var(--navy);border-radius:var(--r-lg);padding:48px;text-align:center;position:relative;overflow:hidden;margin-top:40px;}
.faith-no-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);}
.faith-no-card:hover::before{transform:scaleX(1);}
.faith-no-card:hover{transform:translateY(-4px);box-shadow:0 10px 32px rgba(13,27,62,.1);}
.faith-no-card{background:var(--white);border-radius:var(--r-lg);box-shadow:0 2px 14px rgba(13,27,62,.06);padding:24px 18px;text-align:center;transition:transform .25s,box-shadow .25s;position:relative;overflow:hidden;}
.faith-no-desc{font-size:13px;color:var(--ink-3);line-height:1.6;font-weight:400;}
.faith-no-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:48px;}
.faith-no-grid{grid-template-columns:repeat(2,1fr);}
.faith-no-grid{grid-template-columns:repeat(3,1fr);}
.faith-no-icon{width:40px;height:40px;background:var(--gold-dim);border-radius:10px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;}
.faith-no-num{font-family:var(--f-m);font-size:12px;letter-spacing:.16em;color:var(--gold);text-transform:uppercase;margin-bottom:10px;}
.faith-no-title{font-family:var(--f-d);font-size:16px;font-weight:800;color:var(--ink);margin-bottom:6px;letter-spacing:-.01em;}
.faith-stat-bg{position:absolute;top:-10px;right:-8px;font-family:var(--f-d);font-size:72px;font-weight:800;color:rgba(255,255,255,.7);line-height:1;pointer-events:none;}
.faith-stat-desc{font-size:13px;color:rgba(255,255,255,.7);font-weight:400;}
.faith-stat-label{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;color:rgba(255,255,255,.7);text-transform:uppercase;margin-bottom:12px;}
.faith-stat-new{font-family:var(--f-d);font-size:24px;font-weight:800;color:var(--gold-lt);letter-spacing:-.01em;line-height:1;margin-bottom:6px;}
.faith-stat-old{font-family:var(--f-d);font-size:28px;font-weight:800;color:rgba(255,255,255,.7);letter-spacing:-.02em;line-height:1;text-decoration:line-through;margin-bottom:6px;}
.faith-stat-sep{width:28px;height:1px;background:rgba(255,255,255,.12);margin:8px 0;}
.faith-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(13,27,62,.06);border-radius:var(--r-lg);overflow:hidden;margin:0 0 56px;}
.faith-stats{grid-template-columns:1fr 1fr;}
.faith-stats{grid-template-columns:repeat(2,1fr);}
.faith-stat{background:var(--navy);padding:32px 24px;position:relative;overflow:hidden;}
.open .faith-acc-arrow{transform:rotate(180deg);}
.open .faith-acc-body{display:block;}
.open .faq-arrow{transform:rotate(180deg);}
.open .faq-a{display:block;}
.open .pg-acc-arrow{transform:rotate(180deg);}
.open .pg-acc-body{display:block;}
.open .prod-spec-arrow { transform:rotate(180deg); }
.open .prod-spec-body { display:block; }
.open{box-shadow:0 4px 20px rgba(13,27,62,.08);}
.open{box-shadow:0 4px 24px rgba(13,27,62,.09);}
.pg-body,.faq-section,.col-hero,.col-grid,.ingr-section,.yt-section,.related,.contact-wrap,.pg-kcard-grid{padding-left:20px;padding-right:20px;}
.pg-body-inner{max-width:820px;margin:0 auto;}
.pg-body{padding:64px 40px 96px;background:var(--white);position:relative;z-index:1;}
.pg-hero,.pg-body,.faq-section,.col-hero,.col-grid,.ingr-section,.yt-section,.related,.contact-wrap,.pg-kcard-grid{padding-left:20px;padding-right:20px;}
.pg-hero-desc{font-size:16px;font-weight:400;color:var(--ink-3);line-height:1.85;max-width:520px;}
.pg-hero-inner{max-width:var(--max);margin:0 auto;}
.pg-hero-title{font-family:var(--f-d);font-size:clamp(28px,4vw,48px);font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.1;margin-bottom:12px;}
.pg-hero::after{content:attr(data-bg);position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-family:var(--f-m);font-size:130px;font-weight:600;color:rgba(13,27,62,.03);white-space:nowrap;pointer-events:none;letter-spacing:.06em;text-transform:uppercase;}
.pg-hero{padding:72px 40px 56px;background:var(--white);border-bottom:1px solid var(--line);position:relative;overflow:hidden;}
.reveal.visible{opacity:1;transform:none;}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.section-ey::before{content:'';width:18px;height:1px;background:var(--teal);opacity:.5;}
.section-ey{font-family:var(--f-m);font-size:13px;letter-spacing:.18em;color:var(--teal);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
:root {
  --white:  #FFFFFF;
  --off:    #F6F8FC;
  --stone:  #EEF1F8;
  --ink:    #0D1B3E;
  --ink-2:  #2A3F6B;
  --ink-3:  #4B5C7E;
  --ink-4:  #7A8AA6;
  --gold:   #D9912E;
  --gold-lt:#F5C95A;
  --gold-d: #9A6C08;
  --gold-dim:rgba(200,144,16,0.08);
  --teal:   #1A9BBF;
  --teal-lt:#2AB8D8;
  --navy:   #0D1B3E;
  --line:   rgba(13,27,62,0.05);
  --line-2: rgba(13,27,62,0.08);
  --f-d: var(--sv-font);
  --f-b: var(--sv-font);
  --f-s: var(--sv-font);
  --f-m: var(--sv-font);
  --max:    1240px;
  --ease:   cubic-bezier(0.16,1,0.3,1);
  --r:      12px;
  --r-lg:   20px;
}

/* == bio-o-knowledge.liquid == */
.active {
  background: var(--ink); color: var(--white); border-color: var(--ink);
}
.active{background:var(--ink);color:var(--white);border-color:var(--ink);}
.active{border-color:var(--gold);}
.know-card-body{padding:18px 20px 20px;}
.know-card-cat{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;color:var(--gold);text-transform:uppercase;margin-bottom:6px;}
.know-card-date{font-family:var(--f-m);font-size:12px;color:var(--ink-4);}
.know-card-desc{font-size:14px;color:var(--ink-3);line-height:1.6;font-weight:400;margin-bottom:12px;}
.know-card-foot{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(13,27,62,.04);}
.know-card-img img{transform:scale(1.05);}
.know-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.know-card-img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--stone),var(--off));}
.know-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--stone);position:relative;}
.know-card-read{font-size:13px;color:var(--gold);font-weight:600;}
.know-card-title{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);line-height:1.4;margin-bottom:8px;letter-spacing:-.01em;}
.know-card:hover .know-card-img img{transform:scale(1.05);}
.know-card:hover{transform:translateY(-4px);box-shadow:0 10px 32px rgba(13,27,62,.1);}
.know-card{background:var(--white);border:none;box-shadow:0 2px 14px rgba(13,27,62,.05);border-radius:var(--r-lg);overflow:hidden;transition:transform .25s,box-shadow .25s;display:block;color:inherit;text-decoration:none;}
.know-filter-btn:hover,.know-filter-btn.active{background:var(--ink);color:var(--white);border-color:var(--ink);}
.know-filter-btn{padding:7px 18px;border-radius:20px;font-size:14px;cursor:pointer;border:1px solid rgba(13,27,62,.08);background:transparent;color:var(--ink-3);font-family:var(--f-b);transition:.2s;white-space:nowrap;}
.know-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;}
.know-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;}
.know-grid{grid-template-columns:1fr;}
.know-grid{grid-template-columns:repeat(2,1fr);}
.pg-body,.faq-section,.col-hero,.col-grid,.ingr-section,.yt-section,.related,.contact-wrap,.pg-kcard-grid{padding-left:20px;padding-right:20px;}
.pg-body-inner{max-width:820px;margin:0 auto;}
.pg-body{padding:64px 40px 96px;background:var(--white);position:relative;z-index:1;}
.pg-hero,.pg-body,.faq-section,.col-hero,.col-grid,.ingr-section,.yt-section,.related,.contact-wrap,.pg-kcard-grid{padding-left:20px;padding-right:20px;}
.pg-hero-desc{font-size:16px;font-weight:400;color:var(--ink-3);line-height:1.85;max-width:520px;}
.pg-hero-inner{max-width:var(--max);margin:0 auto;}
.pg-hero-title{font-family:var(--f-d);font-size:clamp(28px,4vw,48px);font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.1;margin-bottom:12px;}
.pg-hero::after{content:attr(data-bg);position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-family:var(--f-m);font-size:130px;font-weight:600;color:rgba(13,27,62,.03);white-space:nowrap;pointer-events:none;letter-spacing:.06em;text-transform:uppercase;}
.pg-hero{padding:72px 40px 56px;background:var(--white);border-bottom:1px solid var(--line);position:relative;overflow:hidden;}
.reveal.visible{opacity:1;transform:none;}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.section-ey::before{content:'';width:18px;height:1px;background:var(--teal);opacity:.5;}
.section-ey{font-family:var(--f-m);font-size:13px;letter-spacing:.18em;color:var(--teal);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
:root {
  --white:  #FFFFFF;
  --off:    #F6F8FC;
  --stone:  #EEF1F8;
  --ink:    #0D1B3E;
  --ink-2:  #2A3F6B;
  --ink-3:  #4B5C7E;
  --ink-4:  #7A8AA6;
  --gold:   #D9912E;
  --gold-lt:#F5C95A;
  --gold-d: #9A6C08;
  --gold-dim:rgba(200,144,16,0.08);
  --teal:   #1A9BBF;
  --teal-lt:#2AB8D8;
  --navy:   #0D1B3E;
  --line:   rgba(13,27,62,0.05);
  --line-2: rgba(13,27,62,0.08);
  --f-d: var(--sv-font);
  --f-b: var(--sv-font);
  --f-s: var(--sv-font);
  --f-m: var(--sv-font);
  --max:    1240px;
  --ease:   cubic-bezier(0.16,1,0.3,1);
  --r:      12px;
  --r-lg:   20px;
}

/* == bio-o-news.liquid == */
.pg-body,.faq-section,.col-hero,.col-grid,.ingr-section,.yt-section,.related,.contact-wrap,.pg-kcard-grid{padding-left:20px;padding-right:20px;}
.pg-body-inner{max-width:820px;margin:0 auto;}
.pg-body{padding:64px 40px 96px;background:var(--white);position:relative;z-index:1;}
.pg-hero,.pg-body,.faq-section,.col-hero,.col-grid,.ingr-section,.yt-section,.related,.contact-wrap,.pg-kcard-grid{padding-left:20px;padding-right:20px;}
.pg-hero-desc{font-size:16px;font-weight:400;color:var(--ink-3);line-height:1.85;max-width:520px;}
.pg-hero-inner{max-width:var(--max);margin:0 auto;}
.pg-hero-title{font-family:var(--f-d);font-size:clamp(28px,4vw,48px);font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.1;margin-bottom:12px;}
.pg-hero::after{content:attr(data-bg);position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-family:var(--f-m);font-size:130px;font-weight:600;color:rgba(13,27,62,.03);white-space:nowrap;pointer-events:none;letter-spacing:.06em;text-transform:uppercase;}
.pg-hero{padding:72px 40px 56px;background:var(--white);border-bottom:1px solid var(--line);position:relative;overflow:hidden;}
.pg-news-arrow{font-size:16px;color:rgba(200,144,16,.4);}
.pg-news-cat{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;color:var(--gold);text-transform:uppercase;margin-bottom:4px;}
.pg-news-date-num{font-family:var(--f-m);font-size:16px;font-weight:600;color:var(--ink);text-align:center;line-height:1;}
.pg-news-date-sub{font-family:var(--f-m);font-size:12px;color:var(--gold);letter-spacing:.1em;text-align:center;margin-top:3px;}
.pg-news-desc{font-size:14px;color:var(--ink-3);margin-top:3px;font-weight:400;line-height:1.5;}
.pg-news-item:hover{box-shadow:0 4px 20px rgba(13,27,62,.07);border-color:rgba(200,144,16,.2);transform:translateY(-1px);}
.pg-news-item{display:grid;grid-template-columns:72px 1fr 20px;align-items:center;gap:16px;padding:16px 20px;background:var(--white);border:1px solid var(--line);border-radius:var(--r);margin-bottom:10px;transition:box-shadow .2s,border-color .2s,transform .2s;}
.pg-news-title{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em;line-height:1.3;}
.reveal.visible{opacity:1;transform:none;}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.section-ey::before{content:'';width:18px;height:1px;background:var(--teal);opacity:.5;}
.section-ey{font-family:var(--f-m);font-size:13px;letter-spacing:.18em;color:var(--teal);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
:root {
  --white:  #FFFFFF;
  --off:    #F6F8FC;
  --stone:  #EEF1F8;
  --ink:    #0D1B3E;
  --ink-2:  #2A3F6B;
  --ink-3:  #4B5C7E;
  --ink-4:  #7A8AA6;
  --gold:   #D9912E;
  --gold-lt:#F5C95A;
  --gold-d: #9A6C08;
  --gold-dim:rgba(200,144,16,0.08);
  --teal:   #1A9BBF;
  --teal-lt:#2AB8D8;
  --navy:   #0D1B3E;
  --line:   rgba(13,27,62,0.05);
  --line-2: rgba(13,27,62,0.08);
  --f-d: var(--sv-font);
  --f-b: var(--sv-font);
  --f-s: var(--sv-font);
  --f-m: var(--sv-font);
  --max:    1240px;
  --ease:   cubic-bezier(0.16,1,0.3,1);
  --r:      12px;
  --r-lg:   20px;
}

/* == bio-o-smart-page.liquid == */
:root {
  --white:  #FFFFFF;
  --off:    #F6F8FC;
  --stone:  #EEF1F8;
  --ink:    #0D1B3E;
  --ink-2:  #2A3F6B;
  --ink-3:  #4B5C7E;
  --ink-4:  #7A8AA6;
  --gold:   #D9912E;
  --gold-lt:#F5C95A;
  --gold-d: #9A6C08;
  --gold-dim:rgba(200,144,16,0.08);
  --teal:   #1A9BBF;
  --teal-lt:#2AB8D8;
  --navy:   #0D1B3E;
  --line:   rgba(13,27,62,0.05);
  --line-2: rgba(13,27,62,0.08);
  --f-d: var(--sv-font);
  --f-b: var(--sv-font);
  --f-s: var(--sv-font);
  --f-m: var(--sv-font);
  --max:    1240px;
  --ease:   cubic-bezier(0.16,1,0.3,1);
  --r:      12px;
  --r-lg:   20px;
}

/* == hp-blog.liquid == */
.blog,.footer-cert,.footer-nl,.footer-main{padding-left:20px;padding-right:20px;}
.blog-body{padding:18px 20px 20px;}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 10px 32px rgba(13,27,62,.1);}
.blog-card{background:var(--white);border-radius:var(--r-lg);border:none;overflow:hidden;box-shadow:0 2px 14px rgba(13,27,62,.05);transition:transform .25s var(--ease),box-shadow .25s;display:block;color:inherit;}
.blog-cat{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;color:var(--gold);text-transform:uppercase;margin-bottom:6px;}
.blog-date{font-family:var(--f-m);font-size:12px;color:var(--ink-4);}
.blog-excerpt{font-size:14px;font-weight:400;color:var(--ink-3);line-height:1.65;margin-bottom:12px;}
.blog-foot{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid rgba(13,27,62,.04);}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px;}
.blog-grid{grid-template-columns:1fr;}
.blog-img-ph-text{font-family:var(--f-m);font-size:13px;letter-spacing:.12em;color:var(--ink-4);text-transform:uppercase;}
.blog-img{width:100%;aspect-ratio:16/9;background:var(--off);overflow:hidden;display:flex;align-items:center;justify-content:center;}
.blog-inner{max-width:var(--max);margin:0 auto;}
.blog-name{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);line-height:1.4;margin-bottom:8px;letter-spacing:-.01em;}
.blog-read{font-size:14px;color:var(--gold);font-weight:600;}
.blog{padding:0 40px 100px;background:var(--white);}
.reveal.visible{opacity:1;transform:none;}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.section-ey::before{content:'';width:18px;height:1px;background:var(--teal);opacity:.5;}
.section-ey{font-family:var(--f-m);font-size:13px;letter-spacing:.18em;color:var(--teal);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
.section-h2{font-family:var(--f-d);font-size:clamp(22px,3vw,34px);font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.2;}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:40px;}
.section-link:hover{color:var(--gold);border-color:var(--gold);}
.section-link{font-size:15px;color:var(--ink-3);letter-spacing:.04em;border-bottom:1px solid var(--line-2);padding-bottom:2px;transition:color .2s,border-color .2s;}
:root {
  --white:  #FFFFFF;
  --off:    #F6F8FC;
  --stone:  #EEF1F8;
  --ink:    #0D1B3E;
  --ink-2:  #2A3F6B;
  --ink-3:  #4B5C7E;
  --ink-4:  #7A8AA6;
  --gold:   #D9912E;
  --gold-lt:#F5C95A;
  --gold-d: #9A6C08;
  --gold-dim:rgba(200,144,16,0.08);
  --teal:   #1A9BBF;
  --teal-lt:#2AB8D8;
  --navy:   #0D1B3E;
  --line:   rgba(13,27,62,0.05);
  --line-2: rgba(13,27,62,0.08);
  --f-d: var(--sv-font);
  --f-b: var(--sv-font);
  --f-s: var(--sv-font);
  --f-m: var(--sv-font);
  --max:    1240px;
  --ease:   cubic-bezier(0.16,1,0.3,1);
  --r:      12px;
  --r-lg:   20px;
}

/* == hp-features.liquid == */
.btn-line:hover{border-color:var(--ink);}
.btn-line{background:transparent;color:var(--ink);border-color:var(--line-2);}
.btn-navy:hover{background:var(--gold);border-color:var(--gold);}
.btn-navy{background:var(--navy);color:var(--white);border-color:var(--navy);}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-d);font-size:16px;font-weight:600;letter-spacing:.02em;border-radius:8px;padding:13px 24px;transition:.25s;cursor:pointer;white-space:nowrap;border:1.5px solid transparent;}
.pillar-brand-tag:hover {
  background: rgba(200,144,16,.12);
  color: var(--gold-lt);
  border-color: rgba(200,144,16,.25);
.line-float-btn {
  position: fixed; bottom: 28px; right: 28px; z-index: 999;
  display: flex; align-items: center; gap: 10px;
  background: #06C755; color: #fff;
  font-family: var(--sv-font);
  font-size:15px; font-weight: 700; letter-spacing: .01em;
  padding: 13px 20px; border-radius: 50px;
  box-shadow: 0 4px 24px rgba(6,199,85,.4);
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, background .2s;
  animation: floatPulse 3s ease-in-out infinite;
  white-space: nowrap;
.line-float-btn:hover {
  background: #05b54d;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 8px 36px rgba(6,199,85,.5);
  animation: none;
}
.pillar-brand-tags {
  display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px;
.pillar-brand-tag {
  font-family: var(--f-m); font-size:12px; letter-spacing: .08em;
  color:rgba(255,255,255,.7);
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 20px; padding: 4px 10px;
  transition: background .2s, color .2s, border-color .2s;
.pillar-brand-tag:hover {
  background: rgba(200,144,16,.12);
  color: var(--gold-lt);
  border-color: rgba(200,144,16,.25);
.line-float-btn {
  position: fixed; bottom: 28px; right: 28px; z-index: 999;
  display: flex; align-items: center; gap: 10px;
  background: #06C755; color: #fff;
  font-family: var(--sv-font);
  font-size:15px; font-weight: 700; letter-spacing: .01em;
  padding: 13px 20px; border-radius: 50px;
  box-shadow: 0 4px 24px rgba(6,199,85,.4);
  text-decoration: none;
  transition: transform .2s, box-shadow .2s, background .2s;
  animation: floatPulse 3s ease-in-out infinite;
  white-space: nowrap;
.line-float-btn:hover {
  background: #05b54d;
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 8px 36px rgba(6,199,85,.5);
  animation: none;
}
.pillar-compare {
  display: flex; gap: 8px; align-items: stretch;
  margin: 14px 0 12px; font-family: var(--f-m); font-size:13px;
  letter-spacing: .06em;
.pillar-compare-industry,
.pillar-compare-bio {
  flex: 1; padding: 9px 12px; border-radius: 7px; line-height: 1.5;
.pillar-compare-industry {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.7);
.pillar:not(.pillar-featured) .pillar-compare-industry {
  background: rgba(13,27,62,.04);
  border: 1px solid var(--line);
  color: var(--ink-4);
.pillar-compare-label {
  font-size:12px; letter-spacing: .14em; text-transform: uppercase;
  margin-bottom: 3px; display: block;
.pillar-compare-industry .pillar-compare-label { color:rgba(255,255,255,.7); }
.pillar-compare-arrow {
  display: flex; align-items: center; justify-content: center;
  color: var(--gold); font-size:14px; flex-shrink: 0; padding: 0 2px;
  opacity: .6;
}
.pillar-compare-bio .pillar-compare-val { color: var(--gold-d); }
.pillar-compare-bio .pillar-compare-val { color: var(--gold-lt); }
.pillar-compare-bio {
  background: rgba(200,144,16,.15);
  border-color: rgba(200,144,16,.3);
.pillar-compare-bio .pillar-compare-label { color: var(--gold); }
.pillar-compare-bio {
  flex: 1; padding: 9px 12px; border-radius: 7px; line-height: 1.5;
.pillar-compare-industry {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.7);
.pillar:not(.pillar-featured) .pillar-compare-industry {
  background: rgba(13,27,62,.04);
  border: 1px solid var(--line);
  color: var(--ink-4);
.pillar-compare-label {
  font-size:12px; letter-spacing: .14em; text-transform: uppercase;
  margin-bottom: 3px; display: block;
.pillar-compare-industry .pillar-compare-label { color:rgba(255,255,255,.7); }
.pillar-compare-industry .pillar-compare-label { color: var(--ink-4); }
.pillar-compare-industry .pillar-compare-val { color:rgba(255,255,255,.7); }
.pillar-compare-industry .pillar-compare-val { color: var(--ink-3); }
.pillar-compare-industry,
.pillar-compare-bio {
  flex: 1; padding: 9px 12px; border-radius: 7px; line-height: 1.5;
.pillar-compare-industry {
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.08);
  color:rgba(255,255,255,.7);
.pillar:not(.pillar-featured) .pillar-compare-industry {
  background: rgba(13,27,62,.04);
  border: 1px solid var(--line);
  color: var(--ink-4);
.pillar-compare-label {
  font-size:12px; letter-spacing: .14em; text-transform: uppercase;
  margin-bottom: 3px; display: block;
.pillar-compare-industry .pillar-compare-label { color:rgba(255,255,255,.7); }
.pillar-compare-label {
  font-size:12px; letter-spacing: .14em; text-transform: uppercase;
  margin-bottom: 3px; display: block;
.pillar-compare-industry .pillar-compare-label { color:rgba(255,255,255,.7); }
.pillar-compare-label { color: var(--gold); }
.pillar-compare-label { color: var(--ink-4); }
.pillar-compare-val { color:rgba(255,255,255,.7); }
.pillar-compare-val { color: var(--gold-d); }
.pillar-compare-val { color: var(--gold-lt); }
.pillar-compare-val { color: var(--ink-3); }
.pillar-compare-val { font-weight: 600; font-size:13px; }
.pillar-featured .pillar-compare-bio {
  background: rgba(200,144,16,.15);
  border-color: rgba(200,144,16,.3);
.pillar-compare-bio .pillar-compare-label { color: var(--gold); }
.pillar-featured .pillar-icon-num{color:rgba(255,255,255,.7);}
.pillar-featured .pillar-icon-wrap {
  background: rgba(200,144,16,.15);
  color: var(--gold-lt);
.pillar .pillar-icon-wrap {
  background: var(--stone);
  color: var(--gold);
}
.pillar-featured .pillar-num{color:var(--gold-lt);}
.pillar-featured .pillar-problem{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.7);color:rgba(255,255,255,.7);}
.pillar-featured .pillar-solution strong{color:var(--gold-lt);}
.pillar-featured .pillar-solution{background:rgba(200,144,16,.12);color:rgba(255,255,255,.85);}
.pillar-featured .pillar-title-txt{font-size:22px;color:var(--white);}
.pillar-featured) .pillar-compare-bio .pillar-compare-val { color: var(--gold-d); }
.pillar-featured) .pillar-compare-industry .pillar-compare-label { color: var(--ink-4); }
.pillar-featured) .pillar-compare-industry .pillar-compare-val { color: var(--ink-3); }
.pillar-featured) .pillar-compare-industry {
  background: rgba(13,27,62,.04);
  border: 1px solid var(--line);
  color: var(--ink-4);
.pillar-compare-label {
  font-size:12px; letter-spacing: .14em; text-transform: uppercase;
  margin-bottom: 3px; display: block;
.pillar-compare-industry .pillar-compare-label { color:rgba(255,255,255,.7); }
.pillar-featured:hover{box-shadow:0 16px 56px rgba(13,27,62,.25);}
.pillar-featured{
  grid-row:span 2;
  background:var(--navy);
  display:flex;flex-direction:column;justify-content:space-between;
.pillar-featured::before{background:linear-gradient(90deg,var(--gold-lt),var(--teal-lt),transparent);}
.pillar-icon-num{font-family:var(--f-d);font-size:64px;font-weight:800;color:rgba(200,144,16,.08);line-height:1;letter-spacing:-.04em;margin-bottom:12px;}
.pillar-icon-wrap {
  width: 40px; height: 40px;
  border-radius: 10px;
  display: flex; align-items: center; justify-content: center;
  margin-bottom: 16px; flex-shrink: 0;
.pillar-featured .pillar-icon-wrap {
  background: rgba(200,144,16,.15);
  color: var(--gold-lt);
.pillar .pillar-icon-wrap {
  background: var(--stone);
  color: var(--gold);
}
.pillar-ingr-check {
  width: 18px; height: 18px; border-radius: 4px;
  background: rgba(200,144,16,.15); border: 1px solid rgba(200,144,16,.3);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
.pillar-ingr-check svg { width: 10px; height: 10px; }
.pillar-ingr-dose {
  font-family: var(--f-m); font-size:13px; font-weight:600;
  color: var(--gold-lt); text-align: right; white-space: nowrap;
.pillar-ingr-check {
  width: 18px; height: 18px; border-radius: 4px;
  background: rgba(200,144,16,.15); border: 1px solid rgba(200,144,16,.3);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
.pillar-ingr-check svg { width: 10px; height: 10px; }
.pillar-ingr-head {
  display: grid; grid-template-columns: 1fr auto auto;
  gap: 8px; padding: 7px 12px;
  background: rgba(255,255,255,.04);
  font-family: var(--f-m); font-size:12px; letter-spacing: .12em;
  color:rgba(255,255,255,.7); text-transform: uppercase;
.pillar-ingr-row {
  display: grid; grid-template-columns: 1fr auto auto;
  gap: 8px; padding: 9px 12px;
  border-top: 1px solid rgba(255,255,255,.05);
  align-items: center;
  transition: background .15s;
.pillar-ingr-row:hover { background: rgba(255,255,255,.03); }
.pillar-ingr-name {
  font-size:13px; font-weight:600; color: rgba(255,255,255,.8);
  font-family: var(--f-m); letter-spacing: .02em;
.pillar-ingr-dose {
  font-family: var(--f-m); font-size:13px; font-weight:600;
  color: var(--gold-lt); text-align: right; white-space: nowrap;
.pillar-ingr-check {
  width: 18px; height: 18px; border-radius: 4px;
  background: rgba(200,144,16,.15); border: 1px solid rgba(200,144,16,.3);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
.pillar-ingr-check svg { width: 10px; height: 10px; }
.pillar-ingr-row {
  display: grid; grid-template-columns: 1fr auto auto;
  gap: 8px; padding: 9px 12px;
  border-top: 1px solid rgba(255,255,255,.05);
  align-items: center;
  transition: background .15s;
.pillar-ingr-row:hover { background: rgba(255,255,255,.03); }
.pillar-ingr-row:hover { background: rgba(255,255,255,.03); }
.pillar-ingr-table {
  margin: 16px 0 14px;
  border-radius: 8px; overflow: hidden;
  border: 1px solid rgba(255,255,255,.08);
.pillar-ingr-head {
  display: grid; grid-template-columns: 1fr auto auto;
  gap: 8px; padding: 7px 12px;
  background: rgba(255,255,255,.04);
  font-family: var(--f-m); font-size:12px; letter-spacing: .12em;
  color:rgba(255,255,255,.7); text-transform: uppercase;
.pillar-ingr-row {
  display: grid; grid-template-columns: 1fr auto auto;
  gap: 8px; padding: 9px 12px;
  border-top: 1px solid rgba(255,255,255,.05);
  align-items: center;
  transition: background .15s;
.pillar-ingr-row:hover { background: rgba(255,255,255,.03); }
.pillar-num{color:var(--gold-lt);}
.pillar-num{font-family:var(--f-m);font-size:13px;letter-spacing:.14em;color:var(--gold);margin-bottom:18px;}
.pillar-problem{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.7);color:rgba(255,255,255,.7);}
.pillar-problem{font-size:14px;color:var(--ink-3);line-height:1.75;padding:10px 14px;background:var(--white);border-radius:6px;border-left:2px solid var(--line-2);margin-bottom:10px;font-weight:400;}
.pillar-solution strong{color:var(--gold-d);font-weight:600;}
.pillar-solution strong{color:var(--gold-lt);}
.pillar-solution{background:rgba(200,144,16,.12);color:rgba(255,255,255,.85);}
.pillar-solution{font-size:15px;color:var(--ink-2);line-height:1.75;padding:10px 14px;background:var(--gold-dim);border-radius:6px;border-left:2px solid var(--gold);font-weight:400;}
.pillar-title-txt{font-family:var(--f-d);font-size:17px;font-weight:700;color:var(--ink);margin-bottom:10px;letter-spacing:-.01em;line-height:1.3;}
.pillar-title-txt{font-size:22px;color:var(--white);}
.pillar:hover::before{transform:scaleX(1);}
.pillar:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(13,27,62,.1);}
.pillar:not(.pillar-featured) .pillar-compare-bio .pillar-compare-val { color: var(--gold-d); }
.pillar:not(.pillar-featured) .pillar-compare-industry .pillar-compare-label { color: var(--ink-4); }
.pillar:not(.pillar-featured) .pillar-compare-industry .pillar-compare-val { color: var(--ink-3); }
.pillar:not(.pillar-featured) .pillar-compare-industry {
  background: rgba(13,27,62,.04);
  border: 1px solid var(--line);
  color: var(--ink-4);
.pillar-compare-label {
  font-size:12px; letter-spacing: .14em; text-transform: uppercase;
  margin-bottom: 3px; display: block;
.pillar-compare-industry .pillar-compare-label { color:rgba(255,255,255,.7); }
.pillars,.products,.reviews,.blog,.footer-cert,.footer-nl,.footer-main{padding-left:20px;padding-right:20px;}
.pillars-desc{font-size:15px;font-weight:400;color:var(--ink-3);line-height:1.9;margin-bottom:16px;}
.pillars-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto auto;
  gap:16px;
.pillar{
  background:var(--off);border-radius:var(--r-lg);
  border:none;padding:32px 28px;
  box-shadow:0 2px 12px rgba(13,27,62,.04);
  transition:transform .3s var(--ease),box-shadow .3s;
  position:relative;overflow:hidden;
.pillar::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease);}
.pillars-grid{grid-template-columns:1fr;}
.pillars-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:64px;}
.pillars-head{grid-template-columns:1fr;gap:24px;}
.pillars-inner{max-width:var(--max);margin:0 auto;}
.pillars-right{padding-top:16px;border-top:1px solid rgba(13,27,62,.04);}
.pillars-title em{font-style:italic;font-family:var(--f-s);color:var(--gold);font-weight:400;}
.pillars-title{font-family:var(--f-d);font-size:clamp(26px,3.2vw,42px);font-weight:800;color:var(--ink);letter-spacing:-.025em;line-height:1.18;}
.pillars{padding:100px 40px;background:var(--white);}
.reveal.visible{opacity:1;transform:none;}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.section-ey::before{content:'';width:18px;height:1px;background:var(--teal);opacity:.5;}
.section-ey{font-family:var(--f-m);font-size:13px;letter-spacing:.18em;color:var(--teal);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
:root {
  --white:  #FFFFFF;
  --off:    #F6F8FC;
  --stone:  #EEF1F8;
  --ink:    #0D1B3E;
  --ink-2:  #2A3F6B;
  --ink-3:  #4B5C7E;
  --ink-4:  #7A8AA6;
  --gold:   #D9912E;
  --gold-lt:#F5C95A;
  --gold-d: #9A6C08;
  --gold-dim:rgba(200,144,16,0.08);
  --teal:   #1A9BBF;
  --teal-lt:#2AB8D8;
  --navy:   #0D1B3E;
  --line:   rgba(13,27,62,0.05);
  --line-2: rgba(13,27,62,0.08);
  --f-d: var(--sv-font);
  --f-b: var(--sv-font);
  --f-s: var(--sv-font);
  --f-m: var(--sv-font);
  --max:    1240px;
  --ease:   cubic-bezier(0.16,1,0.3,1);
  --r:      12px;
  --r-lg:   20px;
}

/* == hp-hero.liquid == */
.hero{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 106px);background:#FFFFFF;overflow:hidden;}
.hero-l{padding:72px 48px 72px 56px;display:flex;flex-direction:column;justify-content:center;position:relative;}
.hero-l::before{content:'';position:absolute;top:40px;left:36px;width:28px;height:28px;border-top:1.5px solid #D9912E;border-left:1.5px solid #D9912E;opacity:.4;}
.hero-r{background:#F6F8FC;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(200,144,16,0.08);border:1px solid rgba(200,144,16,.2);border-radius:20px;padding:5px 14px;width:fit-content;margin-bottom:28px;}
.badge-dot{width:6px;height:6px;border-radius:50%;background:#1A9BBF;}
.badge-text{font-family:var(--sv-font);font-size:13px;letter-spacing:.14em;color:#1A9BBF;text-transform:uppercase;}
.hero-kicker{font-family:var(--sv-font);font-size:13px;letter-spacing:.18em;color:#4B5C7E;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:10px;}
.hero-kicker::before{content:'';width:20px;height:1px;background:#D9912E;opacity:.5;}
.hero-title{font-family:var(--sv-font);font-size:clamp(36px,4.2vw,58px);font-weight:800;line-height:1.12;letter-spacing:-.025em;color:#0D1B3E;margin-bottom:10px;}
.line-break{display:block;}
.accent{color:#D9912E;}
.hero-subtitle{font-family:var(--sv-font);font-size:16px;font-weight:400;color:#4B5C7E;letter-spacing:.04em;font-style:italic;margin-bottom:26px;display:flex;align-items:center;gap:8px;}
.hero-subtitle::before{content:'';width:20px;height:1px;background:#7A8AA6;}
.hero-desc{font-size:16px;font-weight:400;color:#4B5C7E;line-height:1.9;max-width:420px;margin-bottom:36px;padding:14px 18px;background:#F6F8FC;border-radius:12px;border-left:3px solid rgba(200,144,16,0.08);}
.hero-desc strong{color:#0D1B3E;font-weight:600;}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(13,27,62,.04);border-radius:12px;overflow:hidden;margin-bottom:36px;}
.h-stat{background:#FFFFFF;padding:18px 16px;transition:background .2s;position:relative;}
.h-stat:hover{background:#F6F8FC;}
.h-stat-num{font-family:var(--sv-font);font-size:26px;font-weight:800;color:#0D1B3E;letter-spacing:-.02em;line-height:1;margin-bottom:4px;}
.h-stat-num sup{font-size:14px;color:#D9912E;font-weight:600;}
.h-stat-label{font-size:13px;color:#4B5C7E;font-weight:400;letter-spacing:.02em;}
.hero-actions{display:flex;gap:12px;align-items:center;}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sv-font);font-size:16px;font-weight:600;letter-spacing:.02em;border-radius:8px;padding:13px 24px;transition:.25s;cursor:pointer;white-space:nowrap;border:1.5px solid transparent;text-decoration:none;}
.btn-navy{background:#0D1B3E;color:#FFFFFF;border-color:#0D1B3E;}
.btn-navy:hover{background:#D9912E;border-color:#D9912E;}
.btn-line{background:transparent;color:#0D1B3E;border-color:rgba(13,27,62,0.08);}
.btn-line:hover{border-color:#0D1B3E;}
.hero-corner-tag{position:absolute;top:24px;right:24px;z-index:3;font-family:var(--sv-font);font-size:12px;letter-spacing:.14em;color:#4B5C7E;text-transform:uppercase;background:rgba(255,255,255,.9);padding:5px 12px;border-radius:4px;border:1px solid rgba(13,27,62,0.05);}
.hero-float{position:absolute;bottom:32px;left:-20px;z-index:3;background:#FFFFFF;border-radius:12px;border:1px solid rgba(13,27,62,0.05);padding:16px 18px;min-width:210px;box-shadow:0 8px 40px rgba(13,27,62,.1);}
.float-header{font-family:var(--sv-font);font-size:12px;letter-spacing:.18em;color:#1A9BBF;text-transform:uppercase;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid rgba(13,27,62,0.05);display:flex;align-items:center;gap:5px;}
.float-header::before{content:'';width:5px;height:5px;border-radius:50%;background:#2AB8D8;flex-shrink:0;}
.float-row{display:flex;align-items:center;gap:8px;font-size:14px;color:#2A3F6B;padding:3px 0;font-weight:400;}
.float-check{width:16px;height:16px;border-radius:4px;background:rgba(26,155,191,.1);display:flex;align-items:center;justify-content:center;font-size:12px;color:#1A9BBF;flex-shrink:0;font-weight:700;}
.ticker{background:#F6F8FC;border-top:1px solid rgba(13,27,62,.04);border-bottom:1px solid rgba(13,27,62,0.05);padding:14px 0;overflow:hidden;position:relative;}
.ticker::before,.ticker::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;}
.ticker::before{left:0;background:linear-gradient(90deg,#F6F8FC,transparent);}
.ticker::after{right:0;background:linear-gradient(-90deg,#F6F8FC,transparent);}
.ticker-scroll{display:flex;white-space:nowrap;animation:scroll 26s linear infinite;}
.ticker-item{display:inline-flex;align-items:center;gap:10px;padding:0 32px;font-size:14px;font-weight:400;color:#4B5C7E;letter-spacing:.02em;}
.ticker-item b{color:#0D1B3E;font-weight:600;}
.ticker-sep{width:4px;height:4px;border-radius:50%;background:#D9912E;opacity:.4;flex-shrink:0;}
@media(max-width:768px){
  .hero{grid-template-columns:1fr;min-height:auto;}
  .hero-l{padding:48px 24px;}
  .hero-r{height:380px;}
  .hero-float{display:none;}
}

/* == hp-line.liquid == */
.line-add-btn {
  display: flex; align-items: center; justify-content: center; gap: 10px;
  background: #06C755; color: #fff;
  padding: 14px 28px; border-radius: 10px;
  font-family: var(--f-d); font-size:16px; font-weight: 700;
  letter-spacing: .01em; text-decoration: none;
  transition: background .2s, transform .2s, box-shadow .2s;
  width: 100%; text-align: center;
  box-shadow: 0 4px 20px rgba(6,199,85,.3);
.line-add-btn:hover {
  background: #05b54d; transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(6,199,85,.4);
.line-add-btn svg { flex-shrink: 0; }
.line-add-btn:hover {
  background: #05b54d; transform: translateY(-2px);
  box-shadow: 0 8px 32px rgba(6,199,85,.4);
.line-add-btn svg { flex-shrink: 0; }
.line-add-id {
  font-family: var(--f-m); font-size:13px; letter-spacing: .12em;
  color:rgba(255,255,255,.7); text-align: center;
}
.line-benefit-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: #06C755; flex-shrink: 0; margin-top: 6px;
.line-benefit-text {
  font-size:15px; font-weight:400; color:rgba(255,255,255,.85); line-height: 1.5;
.line-benefit-text strong { color: rgba(255,255,255,.85); font-weight: 600; }
.line-benefit-text {
  font-size:15px; font-weight:400; color:rgba(255,255,255,.85); line-height: 1.5;
.line-benefit-text strong { color: rgba(255,255,255,.85); font-weight: 600; }
.line-benefits {
  display: flex; gap: 20px; margin-top: 28px; flex-wrap: wrap;
.line-benefit {
  display: flex; align-items: flex-start; gap: 10px;
.line-benefit-dot {
  width: 6px; height: 6px; border-radius: 50%;
  background: #06C755; flex-shrink: 0; margin-top: 6px;
.line-benefit-text {
  font-size:15px; font-weight:400; color:rgba(255,255,255,.85); line-height: 1.5;
.line-benefit-text strong { color: rgba(255,255,255,.85); font-weight: 600; }
.line-benefits { gap: 14px; }
.line-cta {
  padding: 80px 40px;
  background: var(--navy);
  position: relative; overflow: hidden;
}
.line-cta { padding: 60px 20px; }
.line-cta-desc {
  font-size:16px; font-weight:400; color:rgba(255,255,255,.85);
  line-height: 1.85; max-width: 480px;
.line-cta-desc strong { color: rgba(255,255,255,.8); font-weight:600; }
.line-cta-eyebrow {
  font-family: var(--f-m); font-size:12px; letter-spacing: .2em;
  color: #06C755; text-transform: uppercase; margin-bottom: 14px;
  display: flex; align-items: center; gap: 8px;
.line-cta-eyebrow::before {
  content: ''; width: 20px; height: 1px; background: #06C755; opacity: .6;
.line-cta-title {
  font-family: var(--f-d); font-size: clamp(22px, 3vw, 36px);
  font-weight: 800; color: #fff; line-height: 1.2;
  letter-spacing: -.02em; margin-bottom: 14px;
.line-cta-title span { color: #06C755; }
.line-cta-inner {
  max-width: var(--max); margin: 0 auto; position: relative; z-index: 1;
  display: grid; grid-template-columns: 1fr auto;
  gap: 48px; align-items: center;
.line-cta-l {}
.line-cta-inner { grid-template-columns: 1fr; gap: 32px; }
.line-cta-l {}
.line-cta-r {
  display: flex; flex-direction: column; align-items: center; gap: 20px;
  flex-shrink: 0;
}
.line-cta-r { flex-direction: row; align-items: center; justify-content: center; flex-wrap: wrap; }
.line-cta-title {
  font-family: var(--f-d); font-size: clamp(22px, 3vw, 36px);
  font-weight: 800; color: #fff; line-height: 1.2;
  letter-spacing: -.02em; margin-bottom: 14px;
.line-cta-title span { color: #06C755; }
.line-cta::after {
  content: '';
  position: absolute; left: 0; top: 0; bottom: 0; width: 3px;
  background: linear-gradient(to bottom, transparent, #06C755, transparent);
.line-cta-inner {
  max-width: var(--max); margin: 0 auto; position: relative; z-index: 1;
  display: grid; grid-template-columns: 1fr auto;
  gap: 48px; align-items: center;
.line-cta-l {}
.line-cta::before {
  content: '';
  position: absolute; right: -60px; top: 50%; transform: translateY(-50%);
  width: 420px; height: 420px; border-radius: 50%;
  background: radial-gradient(circle, rgba(6,199,85,.12) 0%, transparent 70%);
  pointer-events: none;
}
.line-qr-icon {
  position: absolute; top: -6px; right: -6px;
  width: 28px; height: 28px;
  background: #06C755; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
.line-qr-icon svg { width: 14px; height: 14px; }
.line-qr-ph {
  width: 100%; height: 100%;
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 6px;
}
.line-qr-wrap {
  width: 140px; height: 140px;
  background: #fff; border-radius: 16px;
  padding: 12px;
  box-shadow: 0 8px 40px rgba(6,199,85,.2);
  display: flex; align-items: center; justify-content: center;
  position: relative;
}
.line-qr-wrap { width: 100px; height: 100px; padding: 8px; }
.line-qr-wrap::before {
  content: '';
  position: absolute; top: -6px; right: -6px;
  width: 28px; height: 28px;
  background: #06C755; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
.line-qr-icon {
  position: absolute; top: -6px; right: -6px;
  width: 28px; height: 28px;
  background: #06C755; border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
.line-qr-icon svg { width: 14px; height: 14px; }
.reveal.visible{opacity:1;transform:none;}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
:root {
  --white:  #FFFFFF;
  --off:    #F6F8FC;
  --stone:  #EEF1F8;
  --ink:    #0D1B3E;
  --ink-2:  #2A3F6B;
  --ink-3:  #4B5C7E;
  --ink-4:  #7A8AA6;
  --gold:   #D9912E;
  --gold-lt:#F5C95A;
  --gold-d: #9A6C08;
  --gold-dim:rgba(200,144,16,0.08);
  --teal:   #1A9BBF;
  --teal-lt:#2AB8D8;
  --navy:   #0D1B3E;
  --line:   rgba(13,27,62,0.05);
  --line-2: rgba(13,27,62,0.08);
  --f-d: var(--sv-font);
  --f-b: var(--sv-font);
  --f-s: var(--sv-font);
  --f-m: var(--sv-font);
  --max:    1240px;
  --ease:   cubic-bezier(0.16,1,0.3,1);
  --r:      12px;
  --r-lg:   20px;
}

/* == hp-logos.liquid == */
.active {
  background: var(--ink); color: var(--white); border-color: var(--ink);
}
.active{background:var(--ink);color:var(--white);border-color:var(--ink);}
.active{border-color:var(--gold);}
.partner-logo img {
  max-height: 34px;    /* 圖片高度限制 */
  width: auto;
  max-width: 120px;
  object-fit: contain;
  filter: grayscale(40%) opacity(0.75);
  transition: filter .25s;
.partner-logo:hover img {
  filter: grayscale(0%) opacity(1);
}
.partner-logo img { max-height: 28px; }
.partner-logo {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  padding: 0 20px;
  background: var(--white);
  border: none;
  box-shadow: 0 1px 8px rgba(13,27,62,.06);
  border-radius: 10px;
  text-decoration: none;
  color: var(--ink);
  transition: border-color .2s, box-shadow .2s, transform .2s;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}
.partner-logo { height: 52px; padding: 0 16px; }
.partner-logo-country {
  font-size:12px; color: var(--ink-4); letter-spacing: .06em;
  font-family: var(--f-m); white-space: nowrap;
}
.partner-logo-ext {
  position: absolute; top: 5px; right: 6px;
  width: 12px; height: 12px; opacity: 0;
  transition: opacity .2s;
.partner-logo-ext svg {
  width: 10px; height: 10px;
  stroke: var(--gold); fill: none; stroke-width: 1.8;
.partner-logo:hover .partner-logo-ext { opacity: 1; }
.partner-logo-name {
  font-family: var(--f-m); font-size:13px; font-weight:600;
  color: var(--ink-2); letter-spacing: .04em; white-space: nowrap;
  text-align: center;
.partner-logo-country {
  font-size:12px; color: var(--ink-4); letter-spacing: .06em;
  font-family: var(--f-m); white-space: nowrap;
}
.partner-logo-name { font-size:13px; }
.partner-logo-ph {
  display: flex; flex-direction: column;
  align-items: center; gap: 2px;
  pointer-events: none;
.partner-logo-name {
  font-family: var(--f-m); font-size:13px; font-weight:600;
  color: var(--ink-2); letter-spacing: .04em; white-space: nowrap;
  text-align: center;
.partner-logo-country {
  font-size:12px; color: var(--ink-4); letter-spacing: .06em;
  font-family: var(--f-m); white-space: nowrap;
}
.partner-logo.hidden {
  display: none;
}
.partner-logo::before {
  content: '';
  position: absolute; top: 0; left: 0; right: 0; height: 2px;
  background: linear-gradient(90deg, var(--gold), var(--teal-lt), transparent);
  transform: scaleX(0); transform-origin: left;
  transition: transform .3s var(--ease);
.partner-logo:hover {
  box-shadow: 0 6px 24px rgba(13,27,62,.12);
  transform: translateY(-2px);
.partner-logo:hover::before { transform: scaleX(1); }
.partner-logo:hover .partner-logo-ext { opacity: 1; }
.partner-logo:hover img {
  filter: grayscale(0%) opacity(1);
}
.partner-logo:hover {
  box-shadow: 0 6px 24px rgba(13,27,62,.12);
  transform: translateY(-2px);
.partner-logo:hover::before { transform: scaleX(1); }
.partners {
  padding: 96px 40px;
  background: var(--off);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
.partners-inner { max-width: var(--max); margin: 0 auto; }
.partners { padding: 64px 20px; }
.partners-count {
  font-family: var(--f-m); font-size: 40px; font-weight: 400;
  color: rgba(200,144,16,.15); line-height: 1; letter-spacing: -.04em;
  white-space: nowrap;
}
.partners-filter {
  display: flex; align-items: center; gap: 10px;
  margin-bottom: 32px; flex-wrap: wrap;
.partners-search {
  flex: 1; max-width: 320px;
  border: 1px solid var(--line-2); border-radius: 8px;
  padding: 9px 14px; font-size:15px; font-weight:400;
  color: var(--ink); font-family: var(--f-b); outline: none;
  background: var(--white); transition: border-color .2s;
.partners-search::placeholder { color: var(--ink-4); }
.partners-filter-btn {
  padding: 8px 16px; border-radius: 20px; font-size:13px;
  font-weight: 400; cursor: pointer; border: 1px solid var(--line-2);
  background: transparent; color: var(--ink-3); font-family: var(--f-b);
  transition: .2s; white-space: nowrap; letter-spacing: .02em;
.partners-filter-btn:hover,
.partners-filter-btn.active {
  background: var(--ink); color: var(--white); border-color: var(--ink);
}
.partners-filter-btn:hover,
.partners-filter-btn.active {
  background: var(--ink); color: var(--white); border-color: var(--ink);
}
.partners-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.partners-head {
  display: grid; grid-template-columns: 1fr auto;
  align-items: end; margin-bottom: 48px; gap: 32px;
.partners-head-l {}
.partners-head { grid-template-columns: 1fr; gap: 8px; }
.partners-inner { max-width: var(--max); margin: 0 auto; }
.partners-note {
  margin-top: 28px; padding: 14px 18px;
  background: var(--white); border-radius: var(--r);
  border: 1px solid var(--line); border-left: 3px solid var(--gold-dim);
  font-size:14px; font-weight:400; color: var(--ink-3); line-height: 1.7;
.partners-note strong { color: var(--ink); font-weight: 600; }
.partners-search {
  flex: 1; max-width: 320px;
  border: 1px solid var(--line-2); border-radius: 8px;
  padding: 9px 14px; font-size:15px; font-weight:400;
  color: var(--ink); font-family: var(--f-b); outline: none;
  background: var(--white); transition: border-color .2s;
.partners-search::placeholder { color: var(--ink-4); }
.partners-search:focus { border-color: var(--gold); }
.partners-showing {
  margin-top: 24px; text-align: right;
  font-family: var(--f-m); font-size:13px; letter-spacing: .1em;
  color: var(--ink-4); text-transform: uppercase;
}
.reveal.visible{opacity:1;transform:none;}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.section-ey::before{content:'';width:18px;height:1px;background:var(--teal);opacity:.5;}
.section-ey{font-family:var(--f-m);font-size:13px;letter-spacing:.18em;color:var(--teal);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
.section-h2{font-family:var(--f-d);font-size:clamp(22px,3vw,34px);font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.2;}
:root {
  --white:  #FFFFFF;
  --off:    #F6F8FC;
  --stone:  #EEF1F8;
  --ink:    #0D1B3E;
  --ink-2:  #2A3F6B;
  --ink-3:  #4B5C7E;
  --ink-4:  #7A8AA6;
  --gold:   #D9912E;
  --gold-lt:#F5C95A;
  --gold-d: #9A6C08;
  --gold-dim:rgba(200,144,16,0.08);
  --teal:   #1A9BBF;
  --teal-lt:#2AB8D8;
  --navy:   #0D1B3E;
  --line:   rgba(13,27,62,0.05);
  --line-2: rgba(13,27,62,0.08);
  --f-d: var(--sv-font);
  --f-b: var(--sv-font);
  --f-s: var(--sv-font);
  --f-m: var(--sv-font);
  --max:    1240px;
  --ease:   cubic-bezier(0.16,1,0.3,1);
  --r:      12px;
  --r-lg:   20px;
}

/* == hp-products.liquid == */
.btn-line:hover{border-color:var(--ink);}
.btn-line{background:transparent;color:var(--ink);border-color:var(--line-2);}
.btn-navy:hover{background:var(--gold);border-color:var(--gold);}
.btn-navy{background:var(--navy);color:var(--white);border-color:var(--navy);}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-d);font-size:16px;font-weight:600;letter-spacing:.02em;border-radius:8px;padding:13px 24px;transition:.25s;cursor:pointer;white-space:nowrap;border:1.5px solid transparent;}
.prod-badge{position:absolute;top:10px;left:10px;background:var(--navy);color:var(--white);font-family:var(--f-m);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:4px;z-index:2;}
.prod-body{padding:16px 16px 18px;}
.prod-btn:hover{background:var(--ink);color:var(--white);border-color:var(--ink);}
.prod-btn{font-size:14px;font-weight:600;color:var(--ink);border:1.5px solid var(--line-2);border-radius:6px;padding:7px 14px;background:transparent;transition:.2s;cursor:pointer;font-family:var(--f-d);}
.prod-card:hover .prod-img img{transform:scale(1.05);}
.prod-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(13,27,62,.12);}
.prod-card{
  background:var(--white);border-radius:var(--r-lg);
  border:none;overflow:hidden;
  box-shadow:0 2px 16px rgba(13,27,62,.06);
  transition:transform .3s var(--ease),box-shadow .3s;
.prod-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px rgba(13,27,62,.12);}
.prod-card{min-width:72vw;flex-shrink:0;scroll-snap-align:start;}
.prod-foot{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid rgba(13,27,62,.04);}
.prod-grid{display:flex;overflow-x:auto;gap:14px;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:12px;}
.prod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.prod-grid{grid-template-columns:repeat(2,1fr);}
.prod-img img{transform:scale(1.05);}
.prod-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.prod-img-ph span{font-family:var(--f-m);font-size:12px;color:var(--ink-4);letter-spacing:.1em;text-align:center;line-height:1.7;}
.prod-img-ph svg{stroke:var(--ink-4);fill:none;stroke-width:1.2;}
.prod-img-ph{display:flex;flex-direction:column;align-items:center;gap:8px;}
.prod-img{width:100%;aspect-ratio:1/1;background:var(--off);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;}
.prod-name{font-family:var(--f-d);font-size:16px;font-weight:700;color:var(--ink);line-height:1.35;margin-bottom:12px;letter-spacing:-.01em;}
.prod-price-compare{font-size:16px;color:var(--ink-4);text-decoration:line-through;}
.prod-price-main{font-family:var(--f-d);font-size:28px;font-weight:800;color:var(--ink);letter-spacing:-.02em;}
.prod-price-note{font-size:13px;color:var(--ink-4);margin-top:2px;font-weight:400;}
.prod-price-row{display:flex;align-items:baseline;gap:12px;margin-bottom:6px;}
.prod-price{font-family:var(--f-d);font-size:16px;font-weight:800;color:var(--ink);letter-spacing:-.01em;}
.prod-series-brand{font-family:var(--f-m);font-size:12px;letter-spacing:.14em;color:var(--ink-4);text-transform:uppercase;margin-bottom:2px;}
.prod-series-tag::before{content:'';width:16px;height:1px;background:var(--gold);opacity:.5;}
.prod-series-tag{font-family:var(--f-m);font-size:12px;letter-spacing:.16em;color:var(--gold);text-transform:uppercase;margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.prod-series{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;color:var(--teal);text-transform:uppercase;margin-bottom:4px;}
.products,.reviews,.blog,.footer-cert,.footer-nl,.footer-main{padding-left:20px;padding-right:20px;}
.products-inner{max-width:var(--max);margin:0 auto;}
.products{padding:0 40px 100px;background:var(--white);}
.reveal.visible{opacity:1;transform:none;}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.section-ey::before{content:'';width:18px;height:1px;background:var(--teal);opacity:.5;}
.section-ey{font-family:var(--f-m);font-size:13px;letter-spacing:.18em;color:var(--teal);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
.zeczec-strip{max-width:var(--max);margin:28px auto 0;display:flex;align-items:center;gap:14px;padding:16px 22px;background:var(--off);border-radius:var(--r);border:1px solid var(--line);}
.zeczec-text b{color:var(--gold-d);font-weight:600;}
.zeczec-text{font-size:15px;color:var(--ink-3);font-weight:400;line-height:1.75;}
:root {
  --white:  #FFFFFF;
  --off:    #F6F8FC;
  --stone:  #EEF1F8;
  --ink:    #0D1B3E;
  --ink-2:  #2A3F6B;
  --ink-3:  #4B5C7E;
  --ink-4:  #7A8AA6;
  --gold:   #D9912E;
  --gold-lt:#F5C95A;
  --gold-d: #9A6C08;
  --gold-dim:rgba(200,144,16,0.08);
  --teal:   #1A9BBF;
  --teal-lt:#2AB8D8;
  --navy:   #0D1B3E;
  --line:   rgba(13,27,62,0.05);
  --line-2: rgba(13,27,62,0.08);
  --f-d: var(--sv-font);
  --f-b: var(--sv-font);
  --f-s: var(--sv-font);
  --f-m: var(--sv-font);
  --max:    1240px;
  --ease:   cubic-bezier(0.16,1,0.3,1);
  --r:      12px;
  --r-lg:   20px;
}

/* == hp-story.liquid == */
.btn-line:hover{border-color:var(--ink);}
.btn-line{background:transparent;color:var(--ink);border-color:var(--line-2);}
.btn-navy:hover{background:var(--gold);border-color:var(--gold);}
.btn-navy{background:var(--navy);color:var(--white);border-color:var(--navy);}
.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-d);font-size:16px;font-weight:600;letter-spacing:.02em;border-radius:8px;padding:13px 24px;transition:.25s;cursor:pointer;white-space:nowrap;border:1.5px solid transparent;}
.reveal.visible{opacity:1;transform:none;}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .7s var(--ease);}
.review-author{display:flex;align-items:center;gap:10px;}
.review-avatar{width:36px;height:36px;border-radius:50%;background:var(--off);border:1.5px solid var(--line);display:flex;align-items:center;justify-content:center;font-family:var(--f-d);font-size:15px;font-weight:700;color:var(--gold);flex-shrink:0;}
.review-name{font-size:15px;font-weight:600;color:var(--ink);}
.review-platform{font-family:var(--f-m);font-size:12px;color:var(--ink-3);letter-spacing:.06em;}
.review-stars{display:flex;gap:2px;margin-bottom:14px;}
.review-star{font-size:16px;color:var(--gold);}
.review-text{font-family:var(--f-s);font-size:16px;font-weight:400;color:var(--ink);line-height:1.65;margin-bottom:18px;font-style:italic;}
.review:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(13,27,62,.1);}
.reviews,.blog,.footer-cert,.footer-nl,.footer-main{padding-left:20px;padding-right:20px;}
.reviews-avg-num span{font-size:24px;color:var(--gold);}
.reviews-avg-num{font-family:var(--f-d);font-size:72px;font-weight:800;color:var(--ink);letter-spacing:-.04em;line-height:1;margin-bottom:4px;}
.reviews-count{font-family:var(--f-m);font-size:13px;letter-spacing:.1em;color:var(--ink-3);text-transform:uppercase;}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.reviews-grid{grid-template-columns:1fr 1fr;}
.reviews-grid{grid-template-columns:1fr;}
.reviews-inner{max-width:var(--max);margin:0 auto;}
.reviews-left{}
.reviews-right strong{color:var(--ink);font-weight:600;}
.reviews-right{font-size:16px;font-weight:400;color:var(--ink-3);line-height:1.85;padding-left:32px;border-left:2px solid var(--gold-dim);}
.reviews-stars{display:flex;gap:3px;margin-bottom:8px;}
.reviews-top{display:grid;grid-template-columns:1fr 2fr;gap:60px;align-items:center;margin-bottom:56px;}
.reviews-top{grid-template-columns:1fr;}
.reviews{padding:100px 40px;background:var(--white);}
.review{
  background:var(--white);border-radius:var(--r-lg);
  border:none;padding:28px;
  box-shadow:0 2px 14px rgba(13,27,62,.05);
  transition:transform .25s var(--ease),box-shadow .25s;
.review:hover{transform:translateY(-3px);box-shadow:0 8px 28px rgba(13,27,62,.1);}
.section-ey::before{content:'';width:18px;height:1px;background:var(--teal);opacity:.5;}
.section-ey{font-family:var(--f-m);font-size:13px;letter-spacing:.18em;color:var(--teal);text-transform:uppercase;margin-bottom:8px;display:flex;align-items:center;gap:8px;}
.section-h2{font-family:var(--f-d);font-size:clamp(22px,3vw,34px);font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1.2;}
.story-body strong{color:var(--ink);font-weight:600;}
.story-body{font-size:16px;font-weight:400;color:var(--ink-3);line-height:1.95;margin-bottom:32px;}
.story-cite{font-family:var(--f-m);font-size:12px;letter-spacing:.12em;color:var(--gold-lt);text-transform:uppercase;}
.story-img-ph span{font-family:var(--f-m);font-size:12px;color:rgba(200,144,16,.4);letter-spacing:.1em;text-align:center;line-height:1.8;}
.story-inner{grid-template-columns:1fr;}
.story-inner{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;min-height:600px;}
.story-l{
  padding:80px 56px;
  display:flex;flex-direction:column;justify-content:center;
  border-right:1px solid rgba(13,27,62,.04);
.story-quote-block{
  padding:22px 24px;
  background:var(--navy);border-radius:var(--r-lg);
  margin-bottom:28px;position:relative;overflow:hidden;
.story-quote-block::before{content:'"';position:absolute;top:-10px;right:12px;font-family:var(--f-s);font-size:100px;color:rgba(255,255,255,.7);line-height:1;pointer-events:none;}
.story-num sup{font-size:13px;color:var(--gold);font-weight:600;}
.story-num-item{background:var(--white);padding:18px 14px;text-align:center;}
.story-num-label{font-size:13px;color:var(--ink-3);font-weight:400;line-height:1.4;}
.story-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;}
.story-num{font-family:var(--f-d);font-size:24px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1;margin-bottom:4px;}
.story-quote-block::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),transparent);}
.story-quote-block{
  padding:22px 24px;
  background:var(--navy);border-radius:var(--r-lg);
  margin-bottom:28px;position:relative;overflow:hidden;
.story-quote-block::before{content:'"';position:absolute;top:-10px;right:12px;font-family:var(--f-s);font-size:100px;color:rgba(255,255,255,.7);line-height:1;pointer-events:none;}
.story-quote{font-family:var(--f-s);font-size:16px;font-weight:400;font-style:italic;color:var(--white);line-height:1.65;margin-bottom:10px;}
.story-r{
  padding:60px 48px;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  position:relative;overflow:hidden;
.story-img-ph{
  width:100%;aspect-ratio:4/3;background:var(--stone);
  border-radius:var(--r-lg);margin-bottom:24px;
  border:1px solid var(--line);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
.story-img-ph svg{stroke:rgba(200,144,16,.25);fill:none;}
.story{background:var(--off);border-top:1px solid rgba(13,27,62,.04);}
:root {
  --white:  #FFFFFF;
  --off:    #F6F8FC;
  --stone:  #EEF1F8;
  --ink:    #0D1B3E;
  --ink-2:  #2A3F6B;
  --ink-3:  #4B5C7E;
  --ink-4:  #7A8AA6;
  --gold:   #D9912E;
  --gold-lt:#F5C95A;
  --gold-d: #9A6C08;
  --gold-dim:rgba(200,144,16,0.08);
  --teal:   #1A9BBF;
  --teal-lt:#2AB8D8;
  --navy:   #0D1B3E;
  --line:   rgba(13,27,62,0.05);
  --line-2: rgba(13,27,62,0.08);
  --f-d: var(--sv-font);
  --f-b: var(--sv-font);
  --f-s: var(--sv-font);
  --f-m: var(--sv-font);
  --max:    1240px;
  --ease:   cubic-bezier(0.16,1,0.3,1);
  --r:      12px;
  --r-lg:   20px;
}