:root{--bg:#F2F5F8;--bg-soft:#EAF2FA;--surface:#fff;--surface-2:#EAF2FA;--text-1:#030B16;--text-2:#587086;--text-3:#587086;--accent:#2D8DDA;--border:#dce4eb;--radius:18px;--shadow:0 20px 60px rgba(3,11,22,.08);--font-sans:'Avenir Next','PingFang TC','Noto Sans TC',sans-serif;--font-display:var(--font-sans)}
body{background:var(--bg-soft)}.deck{width:1440px;height:810px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--scale,1));box-shadow:var(--shadow)}.slide{padding:104px 76px 68px;justify-content:flex-start;background:var(--bg);transition:opacity .25s;transform:none}.slide:not(.is-active){visibility:hidden}.slide.is-active{visibility:visible}.deck-header{top:33px;left:76px;right:76px;font-size:12px;font-weight:500;letter-spacing:.12em;align-items:center}.brand{width:180px;height:30px;object-fit:contain}.deck-footer{position:absolute;left:76px;right:76px;bottom:28px;display:flex;justify-content:space-between;font-size:12px;color:var(--text-2);letter-spacing:.04em}.kicker{margin:0 0 16px;font-size:15px;letter-spacing:.12em;font-weight:600}h2{font-size:48px;line-height:1.24;letter-spacing:-.04em;font-weight:650;margin:0 0 22px}em{font-style:normal;color:var(--accent)}h3{font-size:28px;line-height:1.4;font-weight:600}.lede{font-size:23px;line-height:1.7;font-weight:400;margin:0;color:var(--text-2)}p{margin:0}.split{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center;min-height:0}.hero{height:100%;grid-template-columns:1.3fr .9fr}.hero h2{font-size:66px;line-height:1.22}.hero-meta{display:flex;gap:24px;border-top:1px solid var(--border);padding-top:24px;margin-top:32px;font-size:16px;color:var(--text-2)}.portrait{height:590px;position:relative;background:var(--bg-soft);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.portrait>img{height:450px;width:auto;object-fit:contain;z-index:1}.portrait-word{position:absolute;top:18px;left:28px;font-size:82px;line-height:.96;color:var(--surface);font-weight:750;letter-spacing:-.06em}.portrait-caption{position:absolute;bottom:25px;left:24px;right:24px;display:flex;flex-direction:column;gap:4px;text-align:center;color:var(--text-2);font-size:15px}.portrait-caption b{color:var(--text-1);font-size:22px}.outcomes{margin-top:55px;gap:38px}.outcomes article{border-top:2px solid var(--accent);padding:28px 0}.big-num{font-size:78px;line-height:1;color:var(--accent);font-weight:500;letter-spacing:-.06em}.outcomes h3{margin-top:30px}.outcomes p,.offer p{font-size:22px;line-height:1.7;color:var(--text-2)}.intro{height:100%;grid-template-columns:.93fr 1.15fr;gap:45px}.intro h2{font-size:46px}.poster-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;height:500px;align-items:center}.image-button{padding:0;border:0;position:relative;background:transparent;cursor:zoom-in;min-width:0;display:block;height:100%;width:100%;border-radius:var(--radius);overflow:hidden}.image-button img{width:100%;height:100%;object-fit:contain}.poster-pair .image-button{height:500px;background:var(--surface);border:1px solid var(--border);padding:10px}.zoom-label{position:absolute;bottom:12px;right:12px;padding:7px 12px;font-size:12px;border-radius:var(--radius);background:var(--surface);color:var(--text-1);box-shadow:var(--shadow)}.image-button:hover .zoom-label{background:var(--accent);color:var(--surface)}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.small-rule{width:54px;height:3px;background:var(--accent);margin:32px 0 22px}.statement{font-size:24px;line-height:1.7}.testimonial{height:100%;grid-template-columns:1.3fr .8fr}.testimonial blockquote{font-size:32px;line-height:1.5;margin:30px 0;border-left:3px solid var(--accent);padding-left:23px}.source{font-size:13px;color:var(--text-2);line-height:1.7;margin-top:16px}.portrait-proof{height:550px;background:var(--surface);padding:12px;box-shadow:var(--shadow)}.case{margin-top:12px;grid-template-columns:1.55fr .8fr;gap:50px;height:450px}.browser-frame{height:450px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.browser-bar{display:flex;justify-content:space-between;padding:10px 20px;color:var(--text-2);font-size:11px;border-bottom:1px solid var(--border);height:38px}.browser-frame .image-button{height:calc(100% - 38px);border-radius:0}.result{margin:25px 0}.result>span{font-size:13px;color:var(--text-2)}.result h3{font-size:29px;margin:12px 0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:17px 24px;border-radius:10px;font-size:18px;font-weight:600}.button.primary{color:var(--surface);background:var(--text-1)}.button:hover{background:var(--accent);text-decoration:none}.workflow{grid-template-columns:.9fr 1.2fr;margin-top:8px}.workflow .poster-pair,.workflow .image-button{height:460px}.agenda-row{display:flex;gap:24px;padding:17px 0;border-bottom:1px solid var(--border)}.agenda-row>span{color:var(--accent);font-size:25px}.agenda-row p{font-size:19px;color:var(--text-2)}.agenda-row h3{font-size:25px;margin:0 0 5px}.summary-list{margin-top:22px}.summary-list>div{display:grid;grid-template-columns:60px 240px 1fr;align-items:center;border-top:1px solid var(--border);padding:17px 0}.summary-list span{color:var(--accent);font-size:18px}.summary-list b{font-size:26px}.summary-list p{font-size:24px;color:var(--text-2)}.offer{margin-top:28px;gap:38px}.offer article{padding:25px 34px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.offer-num{display:block;font-size:110px;line-height:1.1;color:var(--accent);letter-spacing:-.06em}.offer-num span{font-size:27px;letter-spacing:0;margin-left:14px}.offer h3{margin:17px 0 10px}.closing-line{font-size:28px;color:var(--accent);margin-top:35px}.controls{position:fixed;bottom:12px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;padding:7px 12px;background:var(--surface);border:1px solid var(--border);border-radius:14px;z-index:50;white-space:nowrap}.controls button,dialog button{font:inherit;font-size:14px;border:0;padding:7px 11px;background:var(--bg);color:var(--text-1);border-radius:7px;cursor:pointer}.controls i{height:20px;border-left:1px solid var(--border);margin:0 5px}.controls span{font-size:13px;min-width:48px;text-align:center}.progress-bar{display:none}dialog{border:1px solid var(--border);border-radius:var(--radius);padding:0;background:var(--bg);color:var(--text-1);width:96vw;max-width:1600px;height:93vh;max-height:93vh}dialog::backdrop{background:rgba(3,11,22,.85)}dialog header{display:flex;align-items:center;gap:8px;padding:14px 20px;border-bottom:1px solid var(--border)}dialog header b{margin-right:auto}#image-scroll{height:calc(100% - 65px);overflow:auto;padding:20px}#original{max-width:none;height:auto;display:block;margin:auto}[data-preview] .controls{display:none}.notes{display:none}.notes-overlay{z-index:70}
.portrait>img{height:420px;transform:translateY(-16px)}.portrait-proof img{height:auto;width:100%;object-fit:contain;align-self:start}.portrait-proof{display:flex;align-items:flex-start}.portrait-proof .zoom-label{z-index:2}.intro h2{font-size:44px}
@media(prefers-reduced-motion:reduce){.slide{transition:none}}@media(max-width:650px){.controls{gap:4px;padding:6px}.controls button{font-size:12px;padding:7px}.controls button[data-key="s"]{display:none}dialog header{flex-wrap:wrap}dialog header b{width:100%}}
.work-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:35px}.work-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;color:var(--text-1);box-shadow:var(--shadow)}.work-tile img{width:100%;height:300px;object-fit:contain;background:var(--bg-soft)}.work-tile b,.work-tile span{display:block;padding:16px 18px 0;font-size:17px}.work-tile span{padding:8px 18px 20px;font-size:14px;color:var(--accent)}.testimonial-video{width:100%;height:450px;background:var(--text-1);border-radius:var(--radius);object-fit:contain}.testimonial-video+.case-copy .button{margin-top:25px}