:root{--yellow:#fdd108;--black:#000;--steel:#5d7687;--kraft:#bf9d6d;--paper:#f3f3f0;--white:#fff;--ha:56deg;--ff:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--num:"Barlow Semi Condensed", "Noto Sans TC", sans-serif;--wrap:1240px;--cut:64px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font:400 16px/1.75 var(--ff);color:var(--black);background:var(--white);margin:0;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3,p{margin:0}:focus-visible{outline:3px solid var(--black);outline-offset:3px}.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:24px}.btn{min-height:50px;font:700 16px var(--ff);cursor:pointer;clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);padding:0 26px;border:0;justify-content:center;align-items:center;padding-right:36px;text-decoration:none;display:inline-flex}.btn--black{background:var(--black);color:var(--yellow)}.btn--black:hover{background:var(--steel);color:var(--white)}.btn--yellow{background:var(--yellow);color:var(--black)}.btn--yellow:hover{background:var(--white)}.hdr{background:var(--yellow);z-index:20;position:sticky;top:0}.hdr__in{align-items:center;gap:28px;min-height:76px;display:flex}.hdr__logo{align-items:center;gap:12px;font-size:15px;font-weight:900;text-decoration:none;display:flex}.hdr__logo img{width:auto;height:44px}.hdr__logo span{background:var(--black);color:var(--yellow);padding:2px 10px}.hdr__nav{gap:22px;margin-left:auto;font-size:15px;font-weight:700;display:flex}.hdr__nav a{border-bottom:3px solid #0000;padding-block:4px;text-decoration:none}.hdr__nav a:hover{border-color:var(--black)}.hdr__tel{font:800 20px var(--num);letter-spacing:.02em;text-decoration:none}.hero{z-index:1;background:var(--yellow);padding:48px 0 calc(var(--cut) + 56px);clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--cut)), 0 100%);position:relative}.hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.hero__h1{border-bottom:2px solid var(--black);padding-bottom:14px;font-size:16px;font-weight:700;display:inline-block}.hero__big{letter-spacing:.01em;margin:26px 0 36px;font-size:clamp(40px,6.2vw,84px);font-weight:900;line-height:1.08}.hero__ask{margin-bottom:14px;font-size:22px;font-weight:900}.picker{flex-wrap:wrap;gap:10px;display:flex}.picker button{font:700 16px var(--ff);border:2px solid var(--black);cursor:pointer;background:0 0;padding:10px 18px}.picker button:hover{background:#00000014}.picker button[aria-selected=true]{background:var(--black);color:var(--yellow)}.match{background:var(--black);color:var(--white);grid-template-rows:auto 1fr;display:grid}.match__stage{background:var(--white);border-bottom:14px solid #0000;border-image:repeating-linear-gradient(calc(90deg - var(--ha)), var(--black) 0 12px, var(--yellow) 12px 24px) 14;height:300px;padding:20px;display:block}.match__stage img{object-fit:contain;width:100%;height:100%}.match__info{padding:22px 26px 26px}.match__cat{color:var(--yellow);font-size:22px;font-weight:900}.match__list{margin:10px 0 20px;padding:0;list-style:none}.match__list li{border-top:1px solid #fff3}.match__list a{padding:9px 0;font-weight:500;text-decoration:none;display:block}.match__list a:hover{color:var(--yellow)}.line{margin-top:calc(var(--cut) * -1);padding:calc(var(--cut) + 40px) 0 72px;background:var(--black);color:var(--white)}.line__head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin-bottom:40px;display:flex}.line__head h2{color:var(--yellow);font-size:clamp(26px,3vw,36px);font-weight:900}.line__head p{color:#cfd6da}.belt{background:repeating-linear-gradient(calc(90deg + var(--ha)), var(--yellow) 0 14px, var(--black) 14px 28px);background-size:200% 100%;height:22px;animation:6s linear infinite belt}@keyframes belt{to{background-position:-50.4px 0}}.stations{grid-template-columns:repeat(10,1fr);margin:0 auto;padding-top:0;list-style:none;display:grid}.stations li{text-align:center;padding-top:34px;font-size:18px;font-weight:900;position:relative}.stations li:before{content:"";background:var(--steel);width:2px;height:22px;position:absolute;top:0;left:50%}.stations li:after{content:"";background:var(--yellow);width:10px;height:10px;position:absolute;top:20px;left:calc(50% - 5px)}.sec{padding:96px 0}.sec--paper{background:var(--paper)}.sec__head{margin-bottom:40px}.sec__head h2{font-size:clamp(30px,3.6vw,46px);font-weight:900;line-height:1.2}.sec__head p{color:var(--steel);margin-top:8px;font-weight:500}.sec__head--row{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;display:flex}.txtlink{text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:6px;font-weight:700;text-decoration-thickness:4px}.catalog{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px 56px;display:grid}.catalog__group h3{border-bottom:3px solid var(--black);padding:8px 0;font-size:18px;font-weight:900}.row{border-bottom:1px solid #d9dcdc;grid-template-rows:auto auto;grid-template-columns:76px 1fr auto;align-items:center;column-gap:18px;padding:12px 0;text-decoration:none;display:grid}.row img{object-fit:contain;background:var(--paper);grid-row:1/3;width:76px;height:76px}.row b{font-size:17px}.row span{color:var(--steel);grid-column:2;font-size:14px}.row em{border:2px solid var(--black);grid-area:1/3/3;padding:6px 12px;font-size:14px;font-style:normal;font-weight:700}.row:hover{background:#fffbe0}.row:hover em{background:var(--black);color:var(--yellow)}.catalog__ask{background:var(--yellow);align-self:start;padding:32px}.catalog__ask p{color:var(--black)}.catalog__punch{margin:12px 0 22px;font-size:28px;font-weight:900}.vision{padding:104px 0 120px}.vision__goal{font-size:clamp(30px,3.6vw,46px);font-weight:900;line-height:1.2}.vision__story{color:#333;max-width:38em;margin:22px 0 56px;font-size:18px}.words{border-top:3px solid var(--black);grid-template-columns:repeat(4,1fr);margin:0;display:grid}.words>div{border-right:1px solid #d9dcdc;padding:24px 24px 28px 0}.words>div+div{padding-left:24px}.words>div:last-child{border-right:0}.words dt{background:linear-gradient(transparent 62%, var(--yellow) 62%, var(--yellow) 92%, transparent 92%);margin-bottom:14px;padding:0 4px;font-size:clamp(44px,5vw,72px);font-weight:900;line-height:1;display:inline-block}.words dd{color:#333;margin:0}.mission{border-top:1px solid #d9dcdc;border-bottom:1px solid #d9dcdc;grid-template-columns:220px 1fr;align-items:baseline;gap:24px;margin-top:64px;padding:28px 0;display:grid}.mission h3{font-size:18px;font-weight:900}.mission p{font-size:clamp(20px,2.2vw,26px);font-weight:700;line-height:1.6}.values{grid-template-columns:repeat(3,1fr);gap:16px;margin:40px 0 0;padding:0;list-style:none;display:grid}.values li{background:var(--black);color:var(--white);clip-path:polygon(0 0,100% 0,calc(100% - 24px) 100%,0 100%);flex-direction:column;gap:8px;padding:26px 28px 30px;display:flex}.values b{color:var(--yellow);font-size:34px;font-weight:900;line-height:1.2}.after{background:var(--black);color:var(--white);padding:calc(var(--cut) + 72px) 0 96px;clip-path:polygon(0 var(--cut), 100% 0, 100% 100%, 0 100%)}.after__grid{grid-template-columns:1fr 1.4fr;gap:40px 56px;display:grid}.after__h{color:var(--yellow);font-size:clamp(30px,3.6vw,46px);font-weight:900;line-height:1.25}.facts{grid-template-columns:repeat(3,1fr);gap:24px;margin:0;display:grid}.facts>div{border-left:4px solid var(--yellow);padding-left:16px}.facts dt{color:#cfd6da;font-size:14px;font-weight:700}.facts dd{margin:0}.facts b{font:800 60px/1.05 var(--num);color:var(--white)}.facts__note{color:#9fb0bb;font-size:14px}.promise{border-top:1px solid #333;grid-column:1/-1;grid-template-columns:repeat(4,1fr);margin:0;padding:28px 0 0;list-style:none;display:grid}.promise li{padding-right:12px;font-size:20px;font-weight:900}.promise li:before{content:"";background:repeating-linear-gradient(calc(90deg + var(--ha)), var(--yellow) 0 5px, transparent 5px 9px);width:26px;height:10px;margin-bottom:10px;display:block}.apps{grid-template-columns:repeat(6,1fr);gap:0;margin:0 0 72px;padding:0;list-style:none;display:grid}.apps li{position:relative}.apps img{aspect-ratio:3/4;object-fit:cover;clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);width:100%}.apps li+li{margin-left:-10%}.apps span{background:var(--yellow);padding:2px 10px;font-weight:900;position:absolute;bottom:14px;left:18%}.clients h3{margin-bottom:18px;font-size:18px;font-weight:900}.clients__row{grid-template-columns:repeat(15,1fr);align-items:center;gap:14px;display:grid}.clients__row img{aspect-ratio:1;object-fit:contain;filter:grayscale();opacity:.75}.clients__row img:hover{filter:none;opacity:1}.posts{border-top:3px solid var(--black);margin:0;padding:0;list-style:none}.posts a{border-bottom:1px solid #cfd2d2;grid-template-columns:140px 1fr;gap:24px;padding:20px 0;text-decoration:none;display:grid}.posts time{font:600 18px var(--num);color:var(--kraft)}.posts span{font-size:19px;font-weight:700}.posts a:hover span{text-decoration:underline;text-decoration-color:var(--yellow);text-underline-offset:6px;text-decoration-thickness:4px}.contact{background:var(--yellow);padding:80px 0}.contact__grid{grid-template-columns:1fr 1.1fr;align-items:center;gap:48px;display:grid}.contact h2{margin-bottom:14px;font-size:clamp(30px,3.6vw,46px);font-weight:900}.contact__ways{gap:10px;display:grid}.way{background:var(--white);justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;text-decoration:none;display:flex}.way span{color:var(--steel);font-weight:500}.way b{font:800 24px var(--num);letter-spacing:.02em}.way--line{background:var(--black);color:var(--yellow)}.way--line span{color:var(--yellow)}.way:hover{outline:3px solid var(--black)}.ftr{background:var(--black);color:#c9d0d4;padding:64px 0 28px;font-size:14px}.ftr__slogan{font:800 clamp(40px, 8vw, 112px)/1 var(--num);color:var(--yellow);letter-spacing:.02em;margin-bottom:48px}.ftr__grid{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px;display:grid}.ftr__h{color:var(--white);margin-bottom:8px;font-size:15px;font-weight:900}.ftr__social{flex-wrap:wrap;gap:16px;margin-top:14px;display:flex}.ftr__social a{color:var(--white);text-decoration:none}.ftr__social a:hover{color:var(--yellow)}.ftr__policies{flex-wrap:wrap;gap:16px;display:flex}.ftr__policies a{text-decoration:none}.ftr__policies a:hover{color:var(--yellow)}.ftr__brand img{filter:invert();width:200px;margin-bottom:16px}.ftr nav a{padding:3px 0;text-decoration:none;display:block}.ftr nav a:hover{color:var(--yellow)}.ftr__base{color:#7d8a92;border-top:1px solid #2a2a2a;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:40px;padding-top:18px;display:flex}.nav-toggle{opacity:0;pointer-events:none;position:absolute}.nav-burger{display:none}.phead{background:var(--yellow);padding:40px 0 calc(var(--cut) * .6 + 40px);clip-path:polygon(0 0, 100% 0, 100% calc(100% - var(--cut) * .6), 0 100%)}.crumbs{margin-bottom:18px;font-size:14px;font-weight:500}.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}.crumbs span{margin:0 8px}.phead h1{font-size:clamp(32px,4.6vw,60px);font-weight:900;line-height:1.15}.phead__lead{max-width:46em;margin-top:14px;font-size:17px}.phead__meta{font:600 17px var(--num);color:#4a3f22;margin-top:14px}.intro{padding:72px 0 0}.intro h2{font-size:clamp(28px,3.4vw,42px);font-weight:900;line-height:1.25}.intro p{color:var(--steel);margin-top:10px;font-size:18px;font-weight:500}.split{padding:72px 0}.split__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:56px;display:grid}.split--reverse .split__text{order:2}.split__k{font:800 15px var(--num);letter-spacing:.08em;color:var(--steel);margin-bottom:6px}.split h2{margin-bottom:18px;font-size:clamp(26px,3vw,38px);font-weight:900;line-height:1.3}.split p+p{margin-top:12px}.split__img img{aspect-ratio:3/2;object-fit:cover;clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);width:100%}.band{background:var(--black);color:var(--white);padding:72px 0}.band p{font-size:clamp(28px,4vw,52px);font-weight:900;line-height:1.2}.band small{color:var(--yellow);margin-bottom:10px;font-size:17px;font-weight:700;display:block}.tags{padding:72px 0}.tags h2{margin-bottom:24px;font-size:clamp(26px,3vw,36px);font-weight:900}.tags ul{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tags li{border:2px solid var(--black);padding:10px 22px;font-size:20px;font-weight:900}.gallery{padding:0 0 72px}.gallery ul{grid-template-columns:repeat(3,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.gallery img{aspect-ratio:4/3;object-fit:cover;width:100%}.logos{grid-template-columns:repeat(8,1fr);align-items:center;gap:16px;margin:0;padding:0;list-style:none;display:grid}.logos img{aspect-ratio:1;object-fit:contain}.faq{border-top:3px solid var(--black);max-width:860px}.faq details{border-bottom:1px solid #cfd2d2}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;padding:20px 0;font-size:19px;font-weight:900;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font:800 26px/1 var(--num)}.faq details[open] summary:after{content:"−"}.faq details p{padding:0 0 22px;font-size:17px}.product{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:56px;padding-block:56px 24px;display:grid}.product__stage{background:var(--white);border:2px solid var(--black);aspect-ratio:1;padding:24px 24px 40px;position:relative}.product__stage:after{content:"";background:repeating-linear-gradient(calc(90deg - var(--ha)), var(--black) 0 12px, var(--yellow) 12px 24px);height:16px;position:absolute;bottom:0;left:0;right:0}.product__stage img{object-fit:contain;width:100%;height:100%}.product__type{color:var(--steel);font-weight:700}.product__actions{flex-wrap:wrap;gap:12px;margin:26px 0;display:flex}.product__facts{grid-template-columns:1fr 1fr;gap:16px;margin:0;display:grid}.product__facts>div{border-left:4px solid var(--yellow);padding-left:14px}.product__facts dt{color:var(--steel);font-size:14px;font-weight:700}.product__facts dd{margin:0}.product__facts b{font:800 34px/1.1 var(--num)}.product__facts small{color:var(--steel);font-size:13px;display:block}.article-body{max-width:820px;margin-inline:auto;padding-block:40px 88px}.article-body>h2:first-child{margin-bottom:20px;font-size:26px;font-weight:900}.prose{overflow-wrap:anywhere;font-size:17px}.prose p{margin:0 0 1em}.prose h2{border-left:6px solid var(--yellow);margin:1.8em 0 .6em;padding-left:14px;font-size:24px;font-weight:900;line-height:1.35}.prose h3{margin:1.5em 0 .5em;font-size:20px;font-weight:900}.prose img{height:auto;margin:1.4em 0}.prose a{text-decoration-color:var(--yellow);text-underline-offset:4px;font-weight:700;text-decoration-thickness:3px}.prose ul,.prose ol{margin:0 0 1em;padding-left:1.4em}.prose li{margin:.3em 0}.prose li p{margin:0}.prose table{border-collapse:collapse;border:2px solid var(--black);width:100%;margin:1.4em 0;font-size:15px;display:block;overflow-x:auto}.prose th,.prose td{text-align:left;vertical-align:top;border:1px solid #cfd2d2;padding:10px 14px}.prose th{background:#fff8d6}.prose blockquote{background:var(--paper);border-left:6px solid var(--black);margin:1.4em 0;padding:14px 20px}.prose iframe{max-width:100%}.notfound{padding-block:96px}.notfound p{margin:14px 0 28px;font-size:18px}.mbar{display:none}@media (width<=1000px){.nav-burger{border:2px solid var(--black);cursor:pointer;align-items:center;min-height:44px;padding:0 14px;font-weight:700;display:inline-flex}.hdr__cta{display:none}.hdr__nav{background:var(--yellow);border-top:2px solid var(--black);flex-direction:column;gap:0;margin:0;padding:8px 24px 20px;display:none;position:absolute;top:100%;left:0;right:0}.hdr__nav a{border-bottom:1px solid #0003;padding:14px 0;font-size:17px}.nav-toggle:checked~.hdr__nav{display:flex}.hdr__in{justify-content:space-between;position:relative}.split__grid,.product{grid-template-columns:minmax(0,1fr);gap:32px}.split--reverse .split__text{order:0}.logos{grid-template-columns:repeat(4,1fr)}}@media (width<=720px){.mbar{z-index:30;grid-template-columns:1fr 1fr;display:grid;position:fixed;bottom:0;left:0;right:0}.mbar a{background:var(--black);min-height:54px;color:var(--white);justify-content:center;align-items:center;font-weight:900;text-decoration:none;display:flex}.mbar a:last-child{background:var(--yellow);color:var(--black)}.ftr{padding-bottom:84px}.gallery ul,.product__facts{grid-template-columns:1fr}}@media (width<=1000px){.hdr__tel{display:none}.ftr__grid{grid-template-columns:1fr 1fr}.ftr__brand{grid-column:1/-1}.hero__grid,.catalog,.after__grid,.contact__grid{grid-template-columns:minmax(0,1fr)}.match__stage{height:240px}.stations{grid-template-columns:repeat(5,1fr);row-gap:28px}.facts{grid-template-columns:repeat(3,1fr)}.apps{grid-template-columns:repeat(3,1fr);row-gap:12px}.apps li:nth-child(4){margin-left:0}.clients__row{grid-template-columns:repeat(5,1fr)}.promise{grid-template-columns:1fr 1fr;row-gap:20px}.words{grid-template-columns:1fr 1fr}.words>div:nth-child(3){padding-left:0}.words>div:nth-child(2){border-right:0}.mission{grid-template-columns:1fr;gap:8px}.values{grid-template-columns:1fr}}@media (width<=560px){:root{--cut:36px}.hdr__logo img{height:34px}.hdr__cta{min-height:42px;padding:0 26px 0 16px;font-size:14px}.hero{padding-top:28px}.hero__big{margin:18px 0 26px}.picker button{padding:8px 12px;font-size:15px}.facts{grid-template-columns:1fr}.facts b{font-size:48px}.posts a{grid-template-columns:1fr;gap:2px}.sec{padding:64px 0}.catalog__punch{font-size:24px}}@media (prefers-reduced-motion:reduce){.belt{animation:none}}.line--solo{margin-top:0;padding-top:72px}.catalog__group h3 a{text-decoration:none}.catalog__group h3 a:hover{text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:4px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sr-only:focus{clip:auto;z-index:99;background:var(--black);width:auto;height:auto;color:var(--yellow);padding:8px 14px;position:fixed;top:8px;left:8px}.gallery--spaced{padding-top:32px}.info{gap:22px;margin:0;display:grid}.info dt{font-size:18px;font-weight:900}.info dd{margin:4px 0 0}.info a{font-weight:700}.match__cat a{text-decoration:none}.match__cat a:hover{text-decoration:underline}.clients h3 a{text-decoration:none}.article-cover{width:100%;height:auto;margin-bottom:28px}