@charset "UTF-8";

:root{
  --ink:#18221e;--paper:#f1ebdf;--accent:#d9623d;--accent-2:#b8c86a;
  --muted:#6b716d;--line:rgba(24,34,30,.22);--white:#fff;
  font-family:Arial,"PingFang TC","Noto Sans TC",sans-serif;color:var(--ink)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#ddd;color:var(--ink);overflow-x:hidden}
a{color:inherit;text-decoration:none}
.line-float{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:54px;height:54px;border-radius:50%;background:#06c755;color:#fff;display:grid;place-items:center;box-shadow:0 10px 28px rgba(0,0,0,.3);z-index:81;transition:transform .2s ease,box-shadow .2s ease}
.line-float__bubble{position:relative;display:grid;place-items:center;width:37px;height:29px;border-radius:50%;background:#fff;color:#06a947;font:700 10px/1 Arial,sans-serif;letter-spacing:-.03em}
.line-float__bubble:after{content:"";position:absolute;left:7px;bottom:-4px;border-width:5px 5px 0 0;border-style:solid;border-color:#fff transparent transparent transparent;transform:rotate(9deg)}
.line-float:hover,.line-float:focus-visible{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.38)}
.line-float:focus-visible{outline:3px solid #fffaf1;outline-offset:3px}
.back-to-top{position:fixed;right:max(20px,env(safe-area-inset-right));bottom:calc(max(20px,env(safe-area-inset-bottom)) + 66px);width:52px;height:52px;padding:0;border:1px solid rgba(242,233,220,.54);border-radius:50%;background:#cf9360;color:#24221f;display:grid;place-items:center;font:700 25px/1 Georgia,"Times New Roman",serif;box-shadow:0 10px 28px rgba(0,0,0,.28);cursor:pointer;z-index:80;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease,background-color .2s ease,color .2s ease}
.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.back-to-top:hover,.back-to-top:focus-visible{background:#fffaf1;color:#123840;transform:translateY(-3px)}
.back-to-top:focus-visible{outline:3px solid #123840;outline-offset:3px}
.variant-switcher{height:52px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:relative;z-index:99;font-size:13px}
.variant-switcher .back{font-weight:700}.variant-switcher #variantLinks{display:flex;gap:6px}.variant-switcher #variantLinks a{width:29px;height:29px;border:1px solid #555;display:grid;place-items:center}.variant-switcher #variantLinks a.active{background:#fff;color:#111;border-color:#fff}
.clean .variant-switcher{display:none}

.hero{min-height:calc(100vh - 52px);height:max(720px,calc(100vh - 52px));position:relative;overflow:hidden;background:var(--paper);display:grid;grid-template-columns:minmax(80px,.35fr) minmax(420px,1.15fr) minmax(420px,1fr) minmax(160px,.42fr);grid-template-rows:80px 1fr 132px;padding:0 clamp(28px,4.2vw,76px);isolation:isolate}
.clean .hero{min-height:100vh;height:max(720px,100vh)}
.poster-grid,.shape{position:absolute;pointer-events:none;z-index:-1}.poster-grid{inset:0;background-image:linear-gradient(to right,transparent calc(100% - 1px),rgba(0,0,0,.065) 1px),linear-gradient(to bottom,transparent calc(100% - 1px),rgba(0,0,0,.05) 1px);background-size:8.333% 100%,100% 25%}.shape{display:none}
.brandbar{grid-column:1/-1;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:.13em}.brand-mark{width:34px;height:34px;background:var(--ink);color:var(--paper);display:grid;place-items:center}.channel-list{font-size:13px;font-weight:700;letter-spacing:.04em}.channel-list i{font-style:normal;color:var(--accent)}.instagram{justify-self:end;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.instagram svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7}
.hero-copy{grid-column:1/3;grid-row:2;align-self:center;position:relative;z-index:4;padding:30px 4vw 30px 0}.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:.14em;margin:0 0 22px}.eyebrow:before{content:"";width:34px;height:3px;background:var(--accent)}
h1{margin:0;display:flex;flex-direction:column;font-size:clamp(52px,5.6vw,88px);line-height:.98;letter-spacing:-.055em;font-weight:900}h1 .years{color:var(--accent);font-size:.76em;margin-bottom:6px}h1 strong{font-weight:900}
.proof{display:flex;gap:14px;align-items:center;margin:28px 0 0;font-size:clamp(15px,1.25vw,20px)}.proof b{font-size:1.12em}.proof span{border-left:1px solid currentColor;padding-left:14px}
.intro{margin:16px 0 0;color:var(--muted);font-size:15px}
.service-area{margin:8px 0 0;color:var(--muted);font-size:13px;letter-spacing:.04em}
.actions{display:flex;gap:12px;margin-top:28px}.btn{min-width:150px;padding:14px 18px;border:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;font-weight:800;font-size:14px}.btn-primary{background:var(--ink);color:var(--paper)}.btn-secondary{background:transparent}.btn span{font-size:18px}
.portrait-wrap{grid-column:3/5;grid-row:2;align-self:stretch;position:relative;z-index:2;display:flex;align-items:end;justify-content:center;padding-top:30px}.portrait-wrap img{width:min(100%,700px);height:min(74vh,720px);object-fit:cover;object-position:50% 44%;display:block;filter:saturate(.86) contrast(1.02)}.portrait-number{position:absolute;top:8%;right:2%;font-size:clamp(72px,10vw,160px);font-weight:900;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px var(--ink);z-index:-1}.portrait-number span{display:block;font-size:12px;letter-spacing:.28em;text-align:right;-webkit-text-stroke:0;color:var(--ink)}.portrait-caption{position:absolute;left:4%;bottom:4%;background:var(--accent);color:#fff;padding:14px 18px;display:flex;flex-direction:column;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.portrait-caption b{font-size:14px;letter-spacing:.04em;margin-top:2px}
.insights{grid-column:4;grid-row:2;align-self:center;position:relative;z-index:5;display:flex;flex-direction:column;border-top:1px solid var(--line)}.insights div{padding:12px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:32px 1fr;gap:8px;font-size:12px;font-weight:700}.insights em{font-style:normal;color:var(--accent);font-size:10px}
.service-strip{grid-column:1/-1;grid-row:3;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);align-items:stretch;position:relative;z-index:6}.service-strip p{margin:0;padding:28px clamp(12px,2vw,32px);display:flex;gap:16px;align-items:center;border-right:1px solid var(--line);font-weight:800;font-size:clamp(13px,1.2vw,17px)}.service-strip p:last-child{border:0}.service-strip span{font-size:11px;color:var(--accent)}

/* 01 暖色編輯海報 */
.v01{--paper:#efe7d8;--ink:#1d2923;--accent:#c95f3e;--muted:#687069}.v01 .hero-copy{grid-column:1/3}.v01 .portrait-wrap{grid-column:3/5;clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.v01 .portrait-wrap img{height:100%;width:84%;margin-left:auto}.v01 .insights{grid-column:1;grid-row:2;align-self:end;margin-bottom:24px;transform:translateX(-6px)}.v01 .hero-copy{padding-left:9vw}.v01 h1{font-size:clamp(52px,5.5vw,86px)}.v01 h1 .years{font-family:Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.06em}.v01 .portrait-caption{left:14%}

/* 02 瑞士網格 */
.v02{--paper:#f7f5ef;--ink:#151515;--accent:#ef583f;--muted:#5f5f5f}.v02 .poster-grid{background-size:12.5% 100%,100% 20%;opacity:1}.v02 .hero{grid-template-columns:repeat(8,1fr)}.v02 .brandbar{grid-column:1/-1}.v02 .hero-copy{grid-column:1/6;padding-right:2vw}.v02 h1{font-size:clamp(52px,6.2vw,100px);line-height:.92;text-transform:uppercase}.v02 h1 span,.v02 h1 strong{display:block}.v02 h1 .years{color:var(--ink)}.v02 h1 .years:after{content:" / 11";color:var(--accent);font-size:.38em;vertical-align:top;letter-spacing:0}.v02 .portrait-wrap{grid-column:6/9;align-items:center;padding:5vh 0}.v02 .portrait-wrap img{height:64vh;border:10px solid var(--ink);filter:grayscale(.15)}.v02 .portrait-number{display:none}.v02 .portrait-caption{left:-12%;bottom:15%;transform:rotate(-90deg);transform-origin:left bottom}.v02 .insights{grid-column:5/6;grid-row:2;align-self:end;margin-bottom:30px}.v02 .proof{font-size:15px}.v02 .service-strip{grid-template-columns:2fr 2fr 1.5fr}.v02 .btn{border-radius:0}

/* 03 深夜策略顧問 */
.v03{--paper:#101d29;--ink:#f4ead9;--accent:#70d1bd;--muted:#9eb0b9;--line:rgba(244,234,217,.18)}.v03 .hero{background:radial-gradient(circle at 75% 40%,#244351 0,#101d29 47%,#0b151e 100%)}.v03 .poster-grid{opacity:.25}.v03 .brand-mark{background:var(--accent);color:#10202b}.v03 .hero-copy{grid-column:1/3}.v03 h1{font-size:clamp(52px,5.8vw,92px)}.v03 h1 .years{color:var(--accent)}.v03 .portrait-wrap{grid-column:3/5;align-items:end}.v03 .portrait-wrap:before{content:"";position:absolute;width:68%;aspect-ratio:1;border:1px solid var(--accent);border-radius:50%;top:12%;z-index:-1}.v03 .portrait-wrap img{width:76%;height:76%;border-radius:48% 48% 4px 4px;filter:saturate(.62) contrast(1.08)}.v03 .portrait-number{color:rgba(112,209,189,.09);-webkit-text-stroke:0}.v03 .portrait-caption{background:var(--accent);color:#10202b}.v03 .insights{grid-column:4;background:rgba(11,21,30,.72);backdrop-filter:blur(10px);padding:16px}.v03 .btn-primary{background:var(--accent);color:#10202b;border-color:var(--accent)}

/* 04 高對比字報 */
.v04{--paper:#f1c84a;--ink:#111;--accent:#dd3f2e;--muted:#3d3828;--line:rgba(17,17,17,.28)}.v04 .hero{grid-template-columns:minmax(260px,.8fr) 1.2fr 1fr minmax(150px,.38fr)}.v04 .brand-mark{background:var(--accent)}.v04 .hero-copy{grid-column:1/3;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.v04 h1{font-size:clamp(54px,6.6vw,106px);line-height:.9;text-transform:uppercase}.v04 h1 .years{color:var(--ink);font-size:.58em}.v04 h1 strong{background:var(--accent);color:#fff;width:max-content;padding:5px 14px;transform:rotate(-2deg)}.v04 .portrait-wrap{grid-column:3/5;overflow:hidden}.v04 .portrait-wrap img{height:92%;width:90%;object-position:center;clip-path:polygon(10% 0,100% 7%,92% 100%,0 94%);filter:grayscale(1) contrast(1.22)}.v04 .portrait-number{right:auto;left:-10%;top:4%;color:var(--accent);-webkit-text-stroke:0;z-index:2}.v04 .portrait-caption{background:#111;left:8%;bottom:8%}.v04 .insights{grid-column:4;background:var(--paper);padding:12px}.v04 .service-strip{background:#111;color:#fff;margin-inline:calc(-1 * clamp(28px,4.2vw,76px));padding-inline:clamp(28px,4.2vw,76px)}.v04 .btn-primary{background:#111;color:#fff}

/* 05 模組卡片 */
.v05{--paper:#d9d1c4;--ink:#14243a;--accent:#e76c3c;--muted:#5f6873;--line:rgba(20,36,58,.18)}.v05 .hero{background:linear-gradient(135deg,#e7e0d5,#c8c1b6)}.v05 .hero-copy{grid-column:1/3;background:#f7f3ea;align-self:center;padding:4vw;margin-right:2vw;box-shadow:0 20px 60px rgba(20,36,58,.14)}.v05 h1{font-size:clamp(50px,6vw,94px);line-height:.88}.v05 h1 .years{color:var(--accent)}.v05 .portrait-wrap{grid-column:3/5;padding:5vh 2vw}.v05 .portrait-wrap img{height:68vh;border-radius:28px;box-shadow:0 25px 55px rgba(20,36,58,.22)}.v05 .portrait-caption{border-radius:12px;left:12%;bottom:10%}.v05 .portrait-number{right:4%;top:4%;color:#14243a;-webkit-text-stroke:0;opacity:.12}.v05 .insights{grid-column:3;grid-row:2;align-self:end;background:#14243a;color:#fff;padding:16px;border-radius:16px;margin:0 0 5vh -3vw}.v05 .insights div{border-color:rgba(255,255,255,.2)}.v05 .service-strip{gap:12px;border:0;padding-top:18px}.v05 .service-strip p{background:#f7f3ea;border:0;border-radius:12px;padding:18px}.v05 .btn{border-radius:99px}.v05 .btn-primary{background:#14243a;color:#fff}

/* 06 垂直標題海報 */
.v06{--paper:#f3ede2;--ink:#2b211d;--accent:#b9432f;--muted:#74665e}.v06 .hero{grid-template-columns:150px 1fr 1fr 180px}.v06 .brandbar{grid-column:2/-1}.v06 .hero-copy{grid-column:2/4;padding-left:3vw}.v06 h1{font-size:clamp(52px,5.8vw,92px)}.v06 h1 .years{color:var(--accent)}.v06 .portrait-wrap{grid-column:3/5;z-index:1}.v06 .portrait-wrap img{height:88%;width:92%;clip-path:inset(0 0 0 16%)}.v06 .insights{grid-column:4;background:rgba(243,237,226,.88);padding:14px}.v06 .service-strip{grid-column:2/-1}.v06 .hero:before{content:"TIMO";position:absolute;left:0;top:0;bottom:0;width:150px;background:var(--accent);color:#fff;writing-mode:vertical-rl;transform:rotate(180deg);font-size:92px;font-weight:900;letter-spacing:.07em;display:grid;place-items:center;padding:30px}.v06 .portrait-caption{left:22%}.v06 .portrait-number{right:8%;top:2%}

/* 07 深色雜誌 */
.v07{--paper:#24221f;--ink:#f2e9dc;--accent:#cf9360;--muted:#b5aa9d;--line:rgba(242,233,220,.18);--font-zh:"Songti TC","Noto Serif TC","PMingLiU",serif;--font-en:Georgia,"Times New Roman",serif;font-family:var(--font-zh)}.v07 [lang="en"]{font-family:var(--font-en)}.v07 .hero{background:#24221f}.v07 .hero-copy{grid-column:1/3;padding-left:4vw}.v07 h1{font-family:var(--font-zh);font-weight:400;line-height:.9;letter-spacing:-.055em}.v07 h1 strong{font-style:italic;font-weight:400}.v07 h1 .years{color:var(--accent)}.v07 .eyebrow{font-family:var(--font-zh)}.v07 .portrait-wrap{grid-column:3/5;padding-top:5vh}.v07 .portrait-wrap img{width:76%;height:78%;filter:grayscale(.2) sepia(.12) contrast(1.05);border:1px solid var(--accent);padding:12px}.v07 .portrait-number{font-family:var(--font-en);color:transparent;-webkit-text-stroke:1px rgba(207,147,96,.6)}.v07 .portrait-caption{background:var(--accent);color:#24221f;left:14%}.v07 .insights{grid-column:4}.v07 .insights em,.v07 .service-no{font-family:var(--font-en)}.v07 .btn-primary{background:var(--accent);border-color:var(--accent);color:#24221f}.v07 .service-strip p{font-family:var(--font-zh);font-weight:400}.service-copy{font:inherit;font-weight:inherit;color:inherit}.service-copy i{font-style:normal}
.v07 .knowledge-heading h2,.v07 .knowledge-card h3{font-family:var(--font-zh)}
.v07 .knowledge-card:before{background:#123840}
.v07 .knowledge-card:hover:before,.v07 .knowledge-card:focus-within:before{transform:scaleY(1)}
.v07 .knowledge-card:hover,.v07 .knowledge-card:focus-within{color:#fffaf1}
.v07 .knowledge-card:hover>p,.v07 .knowledge-card:focus-within>p{color:#f4e8d8}
.v07 .knowledge-card:hover .knowledge-label,.v07 .knowledge-card:hover .knowledge-cta,.v07 .knowledge-card:focus .knowledge-label,.v07 .knowledge-card:focus .knowledge-cta{color:#ffc46e}

/* 免費知識內容 */
.knowledge{background:#eee6d9;color:#24221f;padding:clamp(76px,9vw,142px) clamp(28px,7vw,112px);display:grid;grid-template-columns:minmax(260px,.72fr) minmax(620px,1.7fr);gap:clamp(50px,7vw,120px);border-top:1px solid #cf9360}
.knowledge-heading{max-width:470px;position:sticky;top:40px;align-self:start}
.section-kicker{margin:0 0 22px;color:#a3633f;font-size:12px;font-weight:900;letter-spacing:.18em}
.knowledge-heading h2{margin:0;font:400 clamp(42px,4.5vw,72px)/.98 Georgia,"Times New Roman",serif;letter-spacing:-.045em}
.knowledge-heading>p:last-child{max-width:390px;margin:26px 0 0;color:#6f655b;font-size:15px;line-height:1.8}
.knowledge-grid{border-top:1px solid rgba(36,34,31,.35)}
.knowledge-card{position:relative;min-height:250px;padding:34px 78px 34px 88px;border-bottom:1px solid rgba(36,34,31,.35);display:grid;grid-template-columns:minmax(220px,.8fr) 1fr;column-gap:34px;align-content:center;cursor:pointer}.knowledge-card:focus-visible{outline:3px solid #ffc46e;outline-offset:-3px}
.knowledge-card.v07-only{display:none}.v07 .knowledge-card.v07-only{display:grid}
.knowledge-card:before{content:"";position:absolute;inset:0;background:#24221f;transform:scaleY(0);transform-origin:bottom;transition:transform .35s ease;z-index:0}
.knowledge-card>*{position:relative;z-index:1}.knowledge-card:hover:before{transform:scaleY(1)}.knowledge-card:hover{color:#f2e9dc}.knowledge-card:hover>p{color:#b5aa9d}.knowledge-card:hover .knowledge-label,.knowledge-card:hover .knowledge-cta{color:#cf9360}
.knowledge-no{position:absolute;left:0;top:40px;color:#a3633f;font:italic 24px Georgia,serif}
.knowledge-label{grid-column:1;margin:0 0 12px;color:#a3633f;font-size:11px;font-weight:900;letter-spacing:.14em;transition:color .35s ease}
.knowledge-card h3{grid-column:1;margin:0;font:400 clamp(27px,2.25vw,38px)/1.12 Georgia,"Times New Roman",serif;letter-spacing:-.025em}
.knowledge-card>p:not(.knowledge-label){grid-column:2;grid-row:1/3;margin:0;color:#6f655b;font-size:15px;line-height:1.8;align-self:center;transition:color .35s ease}
.knowledge-card .knowledge-cta{position:absolute;right:0;bottom:32px;color:#8b5335;font-size:13px;font-weight:800;letter-spacing:.04em;transition:color .35s ease}.knowledge-card .knowledge-cta span{font-size:17px;margin-left:6px}
.partners{display:none}
.v07 .partners{padding:clamp(82px,9vw,136px) clamp(28px,7vw,112px);display:grid;grid-template-columns:minmax(230px,.62fr) minmax(0,1.75fr);gap:clamp(52px,7vw,112px);align-items:start;background:#1b292c;color:#f2e9dc;border-top:1px solid rgba(207,147,96,.55)}
.partners-heading{max-width:430px;position:sticky;top:40px}.partners-heading .section-kicker{color:#cf9360}.partners-heading h2{margin:0;font-family:var(--font-zh);font-size:clamp(46px,4.5vw,72px);font-weight:400;line-height:1;letter-spacing:-.035em}.partners-heading>p:last-child{margin:26px 0 0;color:#c7bbae;font-size:15px;line-height:1.8}
.partner-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(24px,3vw,46px) clamp(18px,2.5vw,38px)}
.partner-item{width:min(100%,172px);margin:0;justify-self:center;text-align:center}.partner-item figcaption{margin-top:12px;color:#e4d8c8;font-size:13px;line-height:1.45;letter-spacing:.02em}
.partner-logo{width:100%;aspect-ratio:1;display:block;border-radius:50%;overflow:hidden;background:#f7f1e7;border:1px solid rgba(207,147,96,.72);box-shadow:0 18px 42px rgba(0,0,0,.18);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.partner-logo img{width:100%;height:100%;display:block;object-fit:contain;border-radius:50%}
.partner-logo--wide img{object-fit:cover;object-position:center}
.partner-link{cursor:pointer}.partner-link:hover{transform:translateY(-5px);border-color:#ffc46e;box-shadow:0 24px 50px rgba(0,0,0,.3)}.partner-link:focus-visible{outline:3px solid #ffc46e;outline-offset:6px}
.capture .hero{min-height:900px;height:900px}

/* 08 數據儀表敘事 */
.v08{--paper:#e8f0ed;--ink:#112a33;--accent:#ff6a3d;--muted:#557078;--line:rgba(17,42,51,.18)}.v08 .hero{background:linear-gradient(180deg,#edf4f1,#dae7e3)}.v08 .poster-grid{background-size:64px 64px;opacity:.65}.v08 .hero-copy{grid-column:1/3;background:rgba(237,244,241,.78);backdrop-filter:blur(7px);padding:3vw;border:1px solid var(--line);margin:5vh 3vw 5vh 0}.v08 h1{font-size:clamp(50px,6.4vw,104px)}.v08 h1 .years{color:var(--accent)}.v08 .portrait-wrap{grid-column:3/5}.v08 .portrait-wrap img{height:72%;width:72%;border-radius:50% 50% 0 0;box-shadow:14px 14px 0 var(--ink)}.v08 .portrait-number{background:var(--accent);color:#fff;-webkit-text-stroke:0;font-size:72px;padding:16px;right:6%;top:9%;letter-spacing:-.06em}.v08 .insights{grid-column:4;background:#fff;padding:15px;box-shadow:8px 8px 0 var(--accent)}.v08 .insights div{grid-template-columns:35px 1fr}.v08 .portrait-caption{left:13%;background:var(--ink)}.v08 .service-strip{gap:1px;background:var(--ink);border:1px solid var(--ink)}.v08 .service-strip p{background:#f7fbf9;border:0}.v08 .btn-primary{background:var(--ink);color:#fff}

/* 09 柔和陪跑顧問 */
.v09{--paper:#e8eadc;--ink:#28362e;--accent:#c46a48;--muted:#69756d;--line:rgba(40,54,46,.16)}.v09 .hero{background:radial-gradient(circle at 85% 15%,#f8efe3 0 25%,transparent 26%),linear-gradient(145deg,#edf0e5,#dfe3d2)}.v09 .brand-mark{border-radius:50%;background:var(--accent)}.v09 .hero-copy{grid-column:1/3}.v09 h1{font-size:clamp(54px,6.8vw,108px);line-height:.9}.v09 h1 .years{font-family:Georgia,serif;color:var(--accent);font-weight:400;font-style:italic}.v09 .portrait-wrap{grid-column:3/5;padding:6vh 2vw}.v09 .portrait-wrap:before{content:"";position:absolute;inset:12% 8% 5% 12%;background:#f5efe5;border-radius:45% 45% 20% 20%;z-index:-1}.v09 .portrait-wrap img{height:72%;width:72%;border-radius:42% 42% 16% 16%}.v09 .portrait-caption{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:14px;left:10%}.v09 .portrait-number{opacity:.12;-webkit-text-stroke:0;color:var(--ink)}.v09 .insights{grid-column:4;background:rgba(255,255,255,.52);border-radius:20px;padding:16px;backdrop-filter:blur(8px)}.v09 .actions .btn{border-radius:12px}.v09 .btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.v09 .service-strip{gap:16px;border:0}.v09 .service-strip p{border:0;border-top:1px solid var(--line)}

/* 10 動態斜切導引 */
.v10{--paper:#eef0e8;--ink:#132a3d;--accent:#ef633a;--muted:#5c6d78;--line:rgba(19,42,61,.2)}.v10 .hero{background:linear-gradient(120deg,#f5f2e8 0 56%,#173a55 56% 100%)}.v10 .brandbar{color:var(--ink)}.v10 .instagram{color:#fff}.v10 .hero-copy{grid-column:1/3}.v10 h1{font-size:clamp(52px,5.8vw,92px);transform:skewY(-2deg)}.v10 h1 .years{display:inline-block;background:var(--accent);color:#fff;width:max-content;padding:2px 13px}.v10 .portrait-wrap{grid-column:3/5;align-items:end}.v10 .portrait-wrap img{height:88%;width:82%;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);filter:saturate(.92)}.v10 .portrait-number{color:#fff;-webkit-text-stroke:0;opacity:.12}.v10 .portrait-caption{background:var(--accent);left:10%;bottom:8%}.v10 .insights{grid-column:4;color:#fff;border-color:rgba(255,255,255,.3)}.v10 .insights div{border-color:rgba(255,255,255,.3)}.v10 .service-strip{background:#fff;margin-inline:calc(-1 * clamp(28px,4.2vw,76px));padding-inline:clamp(28px,4.2vw,76px)}.v10 .btn-primary{background:var(--ink);color:#fff}

@media(max-width:900px){
  .variant-switcher{height:auto;min-height:52px;align-items:flex-start;padding:12px;gap:12px}.variant-switcher #variantLinks{flex-wrap:wrap;justify-content:flex-end}.variant-switcher .back{padding-top:7px;white-space:nowrap}
  .hero,.clean .hero{width:100%;max-width:100vw;height:auto;min-height:100svh;display:flex;flex-direction:column;padding:0 20px;overflow:hidden}
  .brandbar{height:64px;display:grid;grid-template-columns:1fr auto}.brand{gap:8px}.brand-mark{width:30px;height:30px}.channel-list{display:none}.instagram{font-size:12px}
  .hero-copy{order:1;padding:42px 0 24px!important;margin:0!important;align-self:stretch!important;display:block!important;background:transparent!important;box-shadow:none!important;border:0!important;backdrop-filter:none!important}
  .eyebrow{margin-bottom:16px;font-size:11px}h1{font-size:clamp(46px,12.8vw,64px)!important;line-height:.98!important;transform:none!important}h1 .years{font-size:.72em!important;margin-bottom:5px}.proof{display:block;margin-top:22px;font-size:15px}.proof span{display:block;border:0;padding:7px 0 0}.intro{font-size:14px}.service-area{font-size:12px;line-height:1.5}.actions{width:100%;margin-top:22px}.btn{min-width:0;flex:1 1 0;padding:13px 14px}
  .portrait-wrap{order:2;min-height:380px;width:calc(100% + 40px);margin-inline:-20px;padding:0!important;display:flex;align-items:flex-end!important;clip-path:none!important;overflow:hidden}.portrait-wrap img{height:410px!important;width:100%!important;max-width:none!important;object-fit:cover!important;object-position:50% 40%!important;margin:0!important;border:0!important;border-radius:0!important;padding:0!important;clip-path:none!important;box-shadow:none!important;filter:saturate(.86) contrast(1.02)!important}.portrait-number{top:5%!important;right:16px!important;left:auto!important;font-size:92px!important}.portrait-caption{left:20px!important;bottom:18px!important;transform:none!important}
  .insights{order:3;width:100%;display:grid;grid-template-columns:repeat(2,1fr);padding:18px 0!important;margin:0!important;background:transparent!important;color:inherit!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important}.insights div{padding:10px 6px!important;color:inherit!important}.insights div:last-child{grid-column:1/-1}.insights em{color:var(--accent)!important}
  .service-strip{order:4;width:calc(100% + 40px);margin:0 -20px!important;padding:0 20px!important;display:block;background:var(--ink)!important;color:var(--paper)!important;border:0!important}.service-strip p{padding:16px 0!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.18)!important;background:transparent!important;border-radius:0!important;color:inherit!important}.service-strip p:last-child{border:0!important}
  .poster-grid{background-size:25% 100%,100% 20%}.shape{display:none!important}
  .v02 h1 .years:after{font-size:.3em}.v04 h1 strong{padding:5px 8px;transform:rotate(-1deg)}.v06 .hero:before{display:none}.v06 .brandbar{margin-left:0}.v07 h1{font-family:var(--font-zh);font-size:clamp(48px,13vw,58px)!important;line-height:1.02!important;letter-spacing:-.02em}.v07 .proof{font-size:16px;line-height:1.55}.v07 .intro{font-size:15px;line-height:1.7}.v07 .btn{padding:14px;font-size:14px;line-height:1.35}.v07 .insights div{padding:11px 6px!important;font-size:13px;line-height:1.5}.v07 .service-strip p{padding:17px 0!important;font-family:var(--font-zh)!important;font-size:15px!important;line-height:1.5}.v08 .portrait-number{background:var(--accent);padding:10px}.v10 .hero{background:linear-gradient(155deg,#f5f2e8 0 68%,#173a55 68% 100%)}.v10 .instagram{color:var(--ink)}
  .knowledge{display:block;padding:72px 20px}.knowledge-heading{position:static;max-width:560px;margin-bottom:48px}.knowledge-heading h2{font-size:clamp(42px,11vw,62px)}.knowledge-grid{width:100%}.knowledge-card{min-height:0;padding:30px 6px 30px 48px;display:block}.knowledge-no{top:32px;font-size:18px}.knowledge-card h3{font-size:30px}.knowledge-card>p:not(.knowledge-label){margin:18px 0 52px}.knowledge-card .knowledge-cta{right:6px;bottom:28px}.knowledge-card:before{display:none}
  .v07 .knowledge-heading h2{font-family:var(--font-zh);font-size:clamp(42px,11.5vw,48px);line-height:1.06;letter-spacing:-.02em}.v07 .knowledge-card{padding-bottom:34px}.v07 .knowledge-card.v07-only{display:block}.v07 .knowledge-label{letter-spacing:.11em}.v07 .knowledge-card h3{font-family:var(--font-zh);line-height:1.25}.v07 .knowledge-card>p:not(.knowledge-label){margin-bottom:0;font-size:15px;line-height:1.75}.v07 .knowledge-card .knowledge-cta{position:static;display:inline-flex;align-items:center;margin-top:22px;font-size:15px;line-height:1.4}
  .v07 .partners{display:block;padding:72px 20px}.partners-heading{position:static;max-width:560px;margin-bottom:48px}.partners-heading h2{font-size:48px}.partners-heading>p:last-child{font-size:15px}.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px}.partner-item{width:min(100%,150px)}
  .capture .hero,.capture.clean .hero{min-height:0;height:auto}
}

@media(max-width:430px){
  .hero,.clean .hero{padding-inline:16px}.brandbar{padding-right:10px}.portrait-wrap{width:calc(100% + 32px);margin-inline:-16px}.service-strip{width:calc(100% + 32px);margin-inline:-16px!important;padding-inline:16px!important}.brand-name{font-size:13px}.instagram span{display:none}.hero-copy{padding-top:32px!important}.actions{gap:8px;padding-right:10px}.btn{font-size:12px}.portrait-wrap{min-height:340px}.portrait-wrap img{height:360px!important}
  .knowledge{padding-inline:16px}.knowledge-heading>p:last-child{font-size:14px}.knowledge-card{padding-left:42px}.knowledge-card h3{font-size:27px}.knowledge-card>p:not(.knowledge-label){font-size:14px}
  .v07 .actions{padding-right:0}.v07 .btn{font-size:14px}.v07 .knowledge-heading>p:last-child{font-size:15px;line-height:1.75}.v07 .knowledge-card h3{font-size:28px}.v07 .knowledge-card>p:not(.knowledge-label){font-size:15px;line-height:1.75}
  .v07 .partners{padding-inline:16px}.partners-heading h2{font-size:44px}.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.partner-item{width:min(100%,148px)}
  .line-float{right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:50px;height:50px}.line-float__bubble{width:34px;height:27px;font-size:9px}
  .back-to-top{right:max(14px,env(safe-area-inset-right));bottom:calc(max(14px,env(safe-area-inset-bottom)) + 62px);width:48px;height:48px;font-size:23px}
}

/* 窄版桌機面板仍保留滑鼠 Hover；真正觸控裝置維持關閉。 */
@media(max-width:900px) and (hover:hover) and (pointer:fine){
  .v07 .knowledge-card:before{display:block}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .back-to-top{transition:none}
}