@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap');
:root{--blue:#0067c8;--deep:#00458c;--green:#009c66;--ink:#15324c;--muted:#617386;--line:#dce6ee;--light:#f3f8fc;font-family:'Noto Sans TC','Microsoft JhengHei',sans-serif;color:var(--ink);background:white;scroll-behavior:smooth;scroll-padding-top:24px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin:0}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #f2b522;outline-offset:4px}.shell{width:min(1180px,calc(100% - 64px));margin-inline:auto}.store-stripe{height:12px;background:linear-gradient(to bottom,var(--green) 0 5px,white 5px 7px,var(--blue) 7px)}.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px;height:86px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:6px;font:900 32px/1 Arial,sans-serif;letter-spacing:-1.6px;color:var(--blue)}.brand-square{background:var(--green);height:8px;width:8px;align-self:flex-end;margin-bottom:3px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;min-height:50px;padding:14px 24px;border:1px solid var(--blue);border-radius:5px;background:var(--blue);color:white;font-weight:700;font-size:15px;transition:background .15s}.button:hover{background:var(--deep)}.button.small{min-height:42px;padding:10px 18px;font-size:13px}.button.secondary{background:white;color:var(--blue);border-color:#b9d3eb}.button.secondary:hover{background:#edf6ff}.hero{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:60px;padding-block:54px 58px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--green);line-height:1.8}.hero .eyebrow{font-size:13px;letter-spacing:.6px;display:flex;align-items:center;gap:8px}.open-dot{width:7px;height:7px;border-radius:50%;background:var(--green)}h1{font-size:clamp(40px,4.4vw,62px);font-weight:900;letter-spacing:-2px;line-height:1.25;margin:18px 0}.blue-text{color:var(--blue)}.hero-desc{font-size:17px;line-height:1.8;color:var(--muted)}.hero-ticket{display:flex;align-items:center;flex-wrap:wrap;gap:4px 17px;margin-top:25px;padding:14px 0;border-block:1px solid var(--line);max-width:420px}.hero-ticket>span:first-child{font-size:13px;font-weight:600}.hero-ticket strong{display:flex;align-items:baseline;gap:5px;font-size:34px;letter-spacing:-1px;line-height:1.3;color:var(--blue);font-weight:800}.hero-ticket small{font-size:12px;letter-spacing:0;font-weight:500}.hero-ticket .ticket-check{width:100%;font-size:11px;color:var(--muted)}.hero-actions{display:flex;gap:12px;margin-top:24px}.trial-note{font-size:11px;color:var(--muted);margin-top:10px}.journey{min-width:0;background:#f3f8ff;border:1px solid #c9def0;border-radius:12px;overflow:hidden;box-shadow:0 8px 0 #e8f1f8}.journey-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 20px;background:#fff;border-bottom:1px solid #d8e7f3;font-size:13px;font-weight:700}.journey-head button{border:0;background:#eef5fb;color:#35617e;font-size:11px;min-width:65px;min-height:32px;border-radius:4px}.journey-scene{position:relative;height:345px;overflow:hidden}.scene-grid{position:absolute;inset:0;background-image:radial-gradient(#bdd7eb 1px,transparent 1px);background-size:18px 18px;opacity:.5}.brand-package{position:absolute;left:50%;top:38px;transform:translateX(-50%);width:170px;height:210px;border:1px solid #aacbe4;background:white;box-shadow:7px 7px 0 #d8e9f6;border-radius:7px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .6s,opacity .4s;overflow:hidden}.package-label{position:absolute;top:0;left:0;right:0;background:var(--blue);color:#fff;font-size:9px;letter-spacing:2px;padding:7px}.package-icon{font:900 51px Arial,sans-serif;background:#e9f6ee;color:var(--green);height:78px;width:78px;border-radius:50%;display:grid;place-items:center;margin:12px 0}.brand-package strong{font-size:23px}.package-bottom{font-size:10px;color:var(--muted);margin-top:9px}.draft-sheet{position:absolute;left:50%;top:30px;transform:translate(-50%,15px) scale(.93);width:190px;height:230px;padding:20px;background:white;border:1px solid #bdd6e7;box-shadow:7px 7px 0 #d8e9f6;border-radius:5px;opacity:0;transition:transform .5s,opacity .4s}.sheet-kicker{font-size:10px;color:var(--blue)}.draft-sheet strong{display:block;font-size:22px;margin-top:14px;line-height:1.5}.draft-sheet i{display:block;height:5px;background:#e0e9ef;margin-top:11px;width:100%}.draft-sheet i:nth-of-type(2){width:84%}.approval{position:absolute;bottom:15px;right:15px;background:#e7f7ed;border:1px solid #8bceb2;border-radius:3px;padding:5px 10px;font-size:12px;font-weight:700;color:var(--green);transform:rotate(-6deg)}.news-stack{position:absolute;inset:23px 18px 80px;display:flex;align-items:center;justify-content:center;gap:10px}.mini-news{width:31%;max-width:160px;background:white;border:1px solid #bfd4e7;border-radius:5px;padding:10px;box-shadow:0 6px 0 #dfebf6;opacity:0;transform:translateY(20px) scale(.85);transition:opacity .45s,transform .55s}.mini-masthead{font-size:11px;font-weight:800;color:var(--blue);display:flex;justify-content:space-between;gap:3px;border-bottom:2px solid var(--blue);padding-bottom:8px;white-space:nowrap}.mini-masthead span{font:6px/1.8 Arial,sans-serif;align-self:center}.mini-image{height:66px;margin-top:11px;background:#eaf3fc;display:grid;place-items:center}.mini-image>span{font:900 37px Arial,sans-serif;color:var(--blue)}.mini-news strong{display:block;font-size:12px;line-height:1.7;margin-top:10px}.mini-news i{display:block;background:#e8edf1;width:80%;height:4px;margin-top:10px}.news-status{display:block;font-size:9px;color:var(--green);margin-top:13px}.n2 .mini-image{background:#e8f5ed}.n2 .mini-image>span,.n2 .mini-masthead{color:var(--green)}.n2 .mini-masthead{border-color:var(--green)}.n3 .mini-image{background:#e9f0f5}.scene-caption{position:absolute;bottom:25px;left:20px;right:20px;display:flex;align-items:center;justify-content:center;gap:10px;height:38px}.scene-caption>span{display:grid;place-items:center;background:var(--blue);color:white;width:29px;height:29px;border-radius:50%;font:700 12px Arial,sans-serif;flex:none}.scene-caption p{font-size:12px;line-height:1.6;max-width:310px}.journey[data-step="1"] .brand-package,.journey[data-step="2"] .brand-package{opacity:0;transform:translate(-130%,-8px) scale(.65)}.journey[data-step="1"] .draft-sheet{opacity:1;transform:translate(-50%,0) scale(1)}.journey[data-step="2"] .draft-sheet{opacity:0;transform:translate(-50%,-15px) scale(.85)}.journey[data-step="2"] .mini-news{opacity:1;transform:translateY(0) scale(1)}.journey[data-step="2"] .n2{transition-delay:.16s;transform:translateY(-8px) scale(1)}.journey[data-step="2"] .n3{transition-delay:.32s}.journey-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:0 16px}.journey-steps button{border:1px solid #d3e3ef;background:white;border-radius:4px;color:#61798e;min-height:44px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:6px}.journey-steps b{font:700 11px Arial,sans-serif;border:1px solid #c7d9e7;width:18px;height:18px;display:grid;place-items:center;border-radius:50%}.journey-steps button[aria-pressed=true]{border-color:var(--blue);color:var(--blue);background:#e8f2ff;font-weight:700}.journey-steps button[aria-pressed=true] b{background:var(--blue);color:white;border-color:var(--blue)}.animation-note{text-align:center;font-size:10px;color:#758b9c;padding:13px 8px}.service-strip{background:var(--blue);color:white}.service-strip>.shell{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:20px;font-size:13px}.service-strip span{font-size:11px;color:#d4eaff}.service-strip b{font-weight:400;color:#85b8ec}.section{padding-block:64px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head .eyebrow{margin-bottom:8px}h2{font-size:32px;line-height:1.5;letter-spacing:-.6px;font-weight:800}.section-head>p{font-size:13px;line-height:1.8;color:var(--muted)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.price-card{border:1px solid #cddfea;background:white;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 5px 0 #edf3f8}.shelf-label{display:flex;justify-content:space-between;align-items:center;padding:11px 22px;background:#f0f6fc;font-size:12px;font-weight:700;color:var(--blue);border-bottom:1px solid #d5e4ee}.shelf-label span{font:700 11px Arial,sans-serif}.featured{border:2px solid var(--blue)}.featured .shelf-label{background:var(--blue);color:white;padding:10px 21px}.card-content{padding:24px;display:flex;flex-direction:column;flex:1}.media-count{font-size:13px;color:var(--blue);display:flex;align-items:baseline;gap:6px}.media-count b{font:800 35px Arial,sans-serif}.price-card h3{font-size:18px;margin:12px 0 19px;font-weight:700}.price{display:flex;align-items:baseline;gap:5px;font-size:34px;font-weight:800;letter-spacing:-1px}.price small{font-size:12px;letter-spacing:0;font-weight:500}.price-card ul{border-top:1px dashed #cbdce8;padding:18px 0 0;margin:18px 0 25px;font-size:12px;color:var(--muted);line-height:2.2;list-style:none}.price-card li:before{content:'✓';color:var(--green);margin-right:8px;font-weight:800}.price-card .button{margin-top:auto;width:100%;font-size:13px}.price-footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;line-height:1.8;margin-top:22px;color:var(--muted)}.price-footer a{color:var(--blue);text-decoration:underline;text-underline-offset:4px;white-space:nowrap}.how-section{background:var(--light);border-block:1px solid #e0eaf2}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.steps article{display:flex;gap:16px;align-items:start}.step-number{font:800 21px/1 Arial,sans-serif;color:var(--green);border-top:3px solid var(--green);padding-top:12px;flex:none}.steps h3{font-size:17px;margin:9px 0 10px}.steps p{font-size:12px;line-height:1.9;color:var(--muted)}.reuse{display:grid;grid-template-columns:1fr 2.3fr;gap:40px;align-items:center}.reuse h2{margin-top:9px;font-size:29px}.use-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.use-cards article{border-left:1px solid var(--line);padding-left:22px}.use-cards span{color:var(--blue);font-size:25px}.use-cards h3{font-size:16px;margin:13px 0 9px}.use-cards p{font-size:12px;line-height:1.8;color:var(--muted)}.closing{background:#e9f6ef;border-block:1px solid #cfe9dc;padding:37px 0}.closing>.shell{display:flex;justify-content:space-between;align-items:center;gap:25px}.closing p{font-size:12px;color:var(--green);margin-bottom:7px}.closing h2{font-size:28px}.closing .button{background:var(--green);border-color:var(--green);flex:none}.closing .button:hover{background:#00784f}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:32px 0 22px}.footer-top .brand{font-size:26px}.footer-top>span,.footer-top>a:last-child{font-size:12px;color:var(--muted)}.terms{font-size:10px;line-height:1.8;color:var(--muted);padding-bottom:25px}.mobile-only{display:none}.skip{position:absolute;left:10px;top:-100px;padding:10px;background:var(--blue);color:#fff;z-index:10}.skip:focus{top:10px}
@media(max-width:1000px){.hero{gap:30px}.shell{width:calc(100% - 44px)}h1{font-size:47px}.hero-desc{font-size:15px}.hero-ticket strong{font-size:30px}.hero-ticket{gap:6px 12px}.hero-ticket>span:first-child{font-size:12px}.mini-news{padding:8px}.mini-masthead span{display:none}.mini-news strong{font-size:11px}.card-content{padding:20px}.price-card h3{font-size:16px}.price{font-size:29px}.reuse{gap:25px}.use-cards{gap:15px}.use-cards article{padding-left:15px}}
@media(max-width:760px){.shell{width:calc(100% - 36px)}.site-header{height:73px}.brand{font-size:28px}.site-header nav{gap:14px}.site-header nav>a:not(.button){display:none}.hero{grid-template-columns:1fr;padding-block:32px 37px;gap:29px}.hero-copy{text-align:center}.hero .eyebrow{justify-content:center;font-size:12px}h1{font-size:48px;letter-spacing:-1.8px;margin:16px 0}.hero-ticket{margin:20px auto 0;justify-content:center;max-width:380px}.hero-ticket strong{font-size:33px}.hero-actions{justify-content:center;margin-top:20px}.hero-actions .button{flex:1;max-width:190px;gap:20px}.hero-desc{font-size:15px}.journey{width:100%;max-width:500px;margin:auto}.journey-head{font-size:12px;padding:13px 15px}.journey-scene{height:310px}.brand-package{top:23px;height:200px;width:160px}.draft-sheet{top:17px;height:220px}.news-stack{inset:20px 9px 76px;gap:6px}.mini-news{width:32%;padding:7px}.mini-masthead{font-size:10px}.mini-news strong{font-size:10px}.mini-image{height:55px}.news-status{font-size:8px}.scene-caption{left:15px;right:15px;bottom:20px;gap:8px}.scene-caption p{font-size:11px}.journey-steps{margin:0 12px}.journey-steps button{font-size:11px;gap:4px}.journey-steps b{width:16px;height:16px;font-size:10px}.service-strip>.shell{flex-wrap:wrap;justify-content:center;gap:8px;font-size:10px;padding-block:16px}.service-strip span{width:100%;text-align:center;margin-bottom:2px}.section{padding-block:42px}.section-head{display:block;margin-bottom:23px}.section-head>p{margin-top:10px}.section-head>p br{display:none}h2{font-size:27px}.pricing-grid{grid-template-columns:1fr;gap:18px}.card-content{padding:23px}.price-card h3{font-size:19px;margin:10px 0 15px}.price{font-size:35px}.price-card ul{margin-bottom:20px}.shelf-label{padding-inline:23px}.price-footer{display:block}.price-footer a{display:inline-block;margin-top:12px}.steps{grid-template-columns:1fr;gap:26px}.steps article{gap:20px}.steps p{font-size:13px}.reuse{grid-template-columns:1fr;gap:25px}.reuse h2 br{display:none}.reuse h2{font-size:27px}.use-cards{gap:13px}.use-cards article{padding-left:12px}.use-cards h3{font-size:14px;line-height:1.6}.use-cards p{font-size:11px}.closing>.shell{display:block}.closing h2{font-size:26px}.closing .button{width:100%;margin-top:23px}.mobile-only{display:block}.footer-top{flex-wrap:wrap;padding-block:26px 18px}.footer-top>span{display:none}.terms{font-size:10px}.animation-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}